Vue3.0和Vue3.2的区别和使用

Vue3.0的特点 

1. 编译性能比vue2更快。

2. 按需编译，体积比vue2更小。

3. 支持组合API.

4. 更好的TS支持 等等..

组合API

1.setup

新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次
函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用

2.ref

1. 作用: 定义一个数据的响应式
2. 语法: const xxx = ref(initValue):
3. 创建一个包含响应式数据的引用(reference)对象
4. js中操作数据: xxx.value
5. 模板中操作数据: 不需要.value
6. 实例:

 

Vue3.0生命周期函数

1.setup() 页面创建之前执行的函数。所以整个面用setup()函数来初始化参数

2. onBeforeMount：页面渲染之前执行；onMounted： 页面渲染时；

3. onBeforeUpdate：页面更新之前；on