# learning-vue3

**Repository Path**: zeroone0011/learning-vue3

## Basic Information

- **Project Name**: learning-vue3
- **Description**: 创建一个vue3.0+TS 的项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-23
- **Last Updated**: 2021-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# learning-vue3

创建一个vue3.0 + TS + webpack5 的项目

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

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



### vite 创建

```bash
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
```



#### vscode


VUE2.x: Vetur

VUE3.x: Volar

### 细节问题

官方文档： [https://v3.cn.vuejs.org/guide/migration/array-refs.html#%E8%BF%81%E7%A7%BB%E7%AD%96%E7%95%A5](https://v3.cn.vuejs.org/guide/migration/array-refs.html#%E8%BF%81%E7%A7%BB%E7%AD%96%E7%95%A5)


### diff 算法

[vue2 diff 算法](https://github.com/zeroone001/dom-diff-demo)

#### 链接地址

* [vue3官网](https://v3.cn.vuejs.org/api/)
* [vite官网](https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project)
* [TS+vue3+webpack](https://24kcs.github.io/vue3_study/chapter3/01_%E8%AE%A4%E8%AF%86Vue3.html)
* [视频TS+VUE3](https://www.bilibili.com/video/BV1ra4y1H7ih?p=42)
* [TS 视频教程](https://www.bilibili.com/video/BV1Xy4y1v7S2?spm_id_from=333.999.0.0)
* [vue3细节，值得去看](https://v3.cn.vuejs.org/guide/migration/introduction.html)
*