Vue3.x----setup函数
2021-09-11 本文已影响0人
沃德麻鸭
什么是setup函数?
1.setup 是一个新的组件选项,作为组件中使用组合API的起点。
2.从组件生命周期来看,它的执行在组件实例创建之前vue2.x的beforeCreate执行。
3.这就意味着在setup函数中 this 还不是组件实例,this 此时是 undefined
4.在模版中需要使用的数据和函数,需要在 setup 返回。
![](https://img.haomeiwen.com/i26621755/6062944c84c220eb.png)
![](https://img.haomeiwen.com/i26621755/a1cc1d7bb415404d.png)
总结:
1. setup选项是实现组合API的基础
2. 触发的时机在beforeCreate之前
3. Vue3中beforCreate/created声明周期函数已经废弃了,其实已经被setup替代了
4. 此时无法访问this,因为组件实例此时尚未创建
5. setup的返回值用于给模板提供数据和方法
6. 模板依然可以从data获取数据,但是不建议使用data了。