vue3合成API---setup()

2022-05-11 16:03:23 阅读：166 来源： 互联网

一、Vue3最重要的新特性之一

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

二、setup()特点

1、setup()结构中定义的变量，函数都需要return之后才可以在模板中使用
2、setup()是处于created生命周期之前的函数，也就是说data,methods中的数据是无法访问到的，setup()结构中的this指向underfind

ref：在setup中只能包装字符串或数字形式的数据（值）,使其变为响应式数据
rective ：setup中包装对象,数组形式的数据(对象/数组),使其变成响应式数据
toRefs :可以直接在HTML模板中使用对象的属性名当变量，不需要用 xxx.xxxx 访问。

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

四、vue对象的生命周期函数(vue2.0)：vue对象从创建到销毁的一系列过程

1、vue对象创建成功之前与创建成功之后
beforeCreate
created
2、vue(model)对象与页面dom元素(view)绑定成功之前与绑定成功之后
beforeMount
mounted
3、view或model数据更新之前与数据更新之后
beforeUpdate
updated
4、vue对象销毁之前与销毁之后
beforeDestory
destoryed

标签：vue,销毁,对象,setup,之前,---,API,数据
来源： https://www.cnblogs.com/mmxz/p/16258288.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue3合成API---setup()