Vue3

Vue3介绍

 Vue3的变化

1.性能的提升
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%

2.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking（摇树--清除死代码进行优化）

3.拥抱TypeScript
Vue3可以更好的支持TypeScript

4.新的特性
Composition API（组合API）
setup配置
ref与reactive
watch与watchEffect
provide与inject
新的内置组件
Fragment
Teleport
Suspense
其他改变
新的生命周期钩子
data 选项应始终被声明为一个函数

组合式API和配置项api

组合式api：都写到一个函数中，定义变量和定义方法，定义计算属性都是放在一起，不是拆到不同地方了

vue3兼容vue2 ---》vue2 的内容，vue3完全适用

vue3 不建议这么用来，建议使用组合式api，不建议使用配置项api

配置项api：之前vue2中的写法
new Vue({
　　data:{
　　name:'lqz'
　　},
　　methods:{
　　　　# 使用变量
　　}
})

组合式api

　　setup{

　　　var name=ss

　　console.log(name)

}