setup特征

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

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

setup（）结构中如何使用生命周期函数

 

 

vue对象的生命周期函数
vue对象创建成功之前和创建成功之后
beforeCreated
Created
页面dom元素（view）与vue对象（model）绑定成功之前与绑定成功之后
beforeMounted
Mounted
view与module 数据更新之前与更新之后
beforeUpdate
Updated
vue对象销毁之前与销毁之后
beforeDestory
Destoryed