vue3一些新属性

2020年9月18日发布的，速度快1.5倍，体积下，支持ts

一、组合式api

优点：阅读性好，各个功能逻辑代码组织在一起，便于维护

缺点：需要有良好的代码组织能力和拆分逻辑能力

二、setup

是一个新的组件选项，作为组件中使用组合API的起点，从组件生命周期来看，它的执行在实例创建之前（vue2的beforeCreate）;setup不能使用this，在模板中需要使用数据和函数，需要在setup中返回。

三、组合式api生命周期

setup	创建实例前
onBeforeMount	挂载DOM前
onMounted	挂载DOM后
onBeforeUpdate	更新组件前
onUpdated	更新组件后
onBeforeUnmount	卸载销毁前
onUnmounted	卸载销毁后

可以多次使用同一个钩子函数，执行顺序和书写顺序相同

四、组合式api-reactive函数

用来定义响应式数据，可以定义一个复杂数据类型变成响应式数据。

五、toRef函数

用来转换响应式对象中某个属性为单独的响应式数据，并且值是关联的

从响应式数据对象中解构出来的属性数据不再是响应式数据，toRef转换响应式数据包装成对象，.value存放值

使用场景：有一个响应式对象数据，模板中只需要其中一项数据

六、toRefs函数

转换响应式对象中所有属性为单独响应式数据，对象称为普遍对象，值是关联的

七、ref函数

简单数据类型定义为响应式

修改值和获取值的时候需要.value，在模板中使用可省略

使用场景：不明确的数据类型