合成API

Vue3最重要新特性之一
作用：之前vue对象规定了我们必须把某一类数据放到某一个机构中，这样在一定程度上对我们的代码进行了强制的分割。
在vue3中，我们引入了setup()合成API语法，它可以将某数据关联的内容都整合到一个部分，即使setup()中的内容越来越多，也会围绕大而不乱的形式开发项目

 

setup()特点
1.setup()结构中定义的变量，函数都需要return 之后才可以在模板中使用
2.setup()API是处于created()生命周期之前的函数，也就是说data，methods中的数据时无法访问到的，setup()结构中的this指向undefined
ref：在setup中只能包装字符串或数字形式的数据使其变为响应式布局
reactive： 在setup中包装对象，数组形式的数据（对象/数组），使其变成响应式数据
refs：可以直接在html模板中使用对象的属性名当变量，不需要用.访问

setup()结构中如何使用声明周期函数(vue3.0)

vue对象的生命周期函数(vue2.0)
vue对象创建成功之前于创建成功之后
beforeCreate
create

vue与model绑定成功之前和绑定成功之后
beforeMount
mounted

vue或model数据更新之前与数据更新之后
beforeUpdate
updated

vue对象销毁之前和销毁之后
beforeDestory
destoryed