初识setup
Vue3中的一个新的配置项,值为一个函数
1..setup是所有Composition API(组合API)表演的舞台
2.组件中所用到的数据、方法等,都要配置在setup中
3.setup函数的两种返回值:
①若返回一个对象,则对象中的属性、方法,在模板中均可直接使用
②若返回一个渲染函数,则可以自定义渲染内容
PS
①尽量不要与Vue2配置混用
Vue配置(data、methods、computed……)中可以访问到setup中的属性、方法;
但是在setup中不能访问到Vue2配置(data、methods、computed……), 如果有重名,setup优先.
②setup不能是一个async函数,因为返回的不再是return的对象,而是promise,模板看不到return对象中的属性
注:后期也可以返回一个Promise实例,但需要Suspense和异步组件的配合
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 小马Ti的博客!
评论