# vue3Learn

**Repository Path**: Elliot-Devil/vue3-learn

## Basic Information

- **Project Name**: vue3Learn
- **Description**: Vue3 学习
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-04
- **Last Updated**: 2022-04-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3 学习

## 相关连接
[Vue3官网](https://v3.cn.vuejs.org/)

[VueCli官网](https://cli.vuejs.org/zh/)


## VueCli 及相关库安装
```bash
# 全局安装 VueCli
sudo yarn global add @vue/cli

# Vue创建项目
vue create vue3-demo
# 或者使用以下命令
vue create .

# 安装 bootstrap
yarn add bootstrap@4.5.2

# 安装sass
yarn add sass sass-loader

# 安装axios
yarn add axios 

# 安装路由 
yarn add vue-router@next

```

## 更新日志
- 20220408
  - 配置路由
  - 子集路由
  - 导航
  - 重构更新组件
  - 添加组件
  - 详情跳转
  - 显示数据详情
  - slot插槽
  - 搜索数据
- 20220407
  - 弹窗提醒
  - 设置定时器取消提醒
  - 定时器Bug修复
  - 数据删除
- 20220406
  - 选中样式
  - 发送axios请求
  - proxy代理
  - 数据赋值
  - 调整更新组件
  - 监听数据切换
  - 调整类型选项
  - 更新数据到服务器
- 20220405
  - 引入Bootstrap
  - 应用组件拆分
  - 数据模拟及属性传值
  - 计算属性及方法
  - 视图切换
  - 添加数据
  - 调整样式
  - 选中数据展示详情
- 20220404
  - 初始化项目
  - ref、setup
  - 组件拆分及组件属性传值
  - 时间注册

---

# vue3-demo

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).