VUE3

1、性能提升（重写虚拟DOM的实现和treeTracking的优化）

1、打包大小减少41%
2、初次渲染快55%，更新快133%
3、内存使用减少54%

2、composition API

1、ref和reactive
2、computed和watch
3、新的生命周期
4、自定义函数-Hooks函数

3、新特性

1、Teleport-shun 瞬移组建的位置
2、Suspense-异步加载组建的新福音
3、全局API的修改和优化

4、更好的TS支持 5、vue3和ts配置

1、node至少10以上
2、npm install -g @vue/cli
vue-cli至少要在4.5.0以上
3、vue create vue3-baseic

6、vite脚手架

公用的脚手架工具
运行的很快
1、vite需要Node版本在12.0.0以上
2、npm create vite@latest
它会让你选择语言（vue、react）
npm run dev

7、ESLint

通过配置.eslintrc.js来配置规则

8、defineComponent作用：直接将传入的对象（加类型）返回，他完全是服务于ts存在的；

extends:[]//是文档已经现有的规则，我们可以拿来使用
rules：{}//自己配制的规则

9、ref妙用

computed是一个函数在vue3

10、reactive

对象解构：会使响应式对象失去响应式
解决：const refData = toRefs(reativeData)
return {
    ...refData
}

11、响应式原理的不同

vue2不能检测对象的新增属性、数组修改下标、数组修改长度（只是vue2舍弃了，耗费性能）

12、

vue2将很多全局的对象和方法，全部绑定在Vue对象，非常容易污染全局环境
vue3将全局方法和对象都挂在到app实例上，

esModules {nextick} 将没有使用的对象和方法通过treeshaking优化，不用打包进去，打包体积变小，

13、setup

将暴露在顶层作用于的所有变量自动return出去，这样我们就可以在模版中可以使用了

14、vue-router路由守卫

router.beforeEach(to,from,next){
    to.meta
}