Vue3.x----setup函数

2021-09-11  本文已影响0人  沃德麻鸭

什么是setup函数?

1.setup 是一个新的组件选项,作为组件中使用组合API的起点。

2.从组件生命周期来看,它的执行在组件实例创建之前vue2.x的beforeCreate执行。

3.这就意味着在setup函数中 this 还不是组件实例,this 此时是 undefined

4.在模版中需要使用的数据和函数,需要在 setup 返回。

数据使用 数据创建

总结:

1. setup选项是实现组合API的基础

2. 触发的时机在beforeCreate之前

3. Vue3中beforCreate/created声明周期函数已经废弃了,其实已经被setup替代了

4. 此时无法访问this,因为组件实例此时尚未创建

5. setup的返回值用于给模板提供数据和方法

6. 模板依然可以从data获取数据,但是不建议使用data了。

上一篇 下一篇

猜你喜欢

热点阅读