vue3的学习笔记~(使用vue-cli创建vue3的项目)持续更新

Vue3相对于Vue2的提升

1.性能提升
- 打包大小减少41%

- 初次渲染快55%, 更新渲染快133%

- 内存减少54%

2.源码的升级

- 使用Proxy代替defineProperty实现响应式

- 重写虚拟DOM的实现和Tree-Shaking

3.Vue3可以更好的支持TypeScript

4.新的特性

   Composition API（组合API）
   新的内置组件
   新的生命周期钩子
   data 选项应始终被声明为一个函数
   移除keyCode支持作为 v-on 的修饰符
   等等......

使用vue-cli创建vue3的项目工程

1.首先要检查自己的vue-cli 脚手架的版本要在4.5.0以上版本才能创建vue3的项目

打开cmd命令窗口输入vue -V检查vue-cli脚手架的版本 我的是5.0.4
C:\Users\dell>vue -V
@vue/cli 5.0.4


2.然后创建项目
输入vue create vue3_test

Vue CLI v5.0.4   //选择vue3版本进行创建
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

创建成功