拉开序幕的setup
setup
- 理解:vue3.0的新的配置项,值为一个函数
- setup是所有composition API(组合API)的“表演舞台”;
- 组件中所用到的:数据,方法等等,均要配置在setup中;
- setup函数的两种返回值:
1、若返回一个对象,则对象中的属性,方法,在模板中均可以直接使用。
2、若返回一个渲染函数:则可以自定义渲染内容 - 注意点:
1、尽量不要与vue2.x配置混用
· vue2.x配置(data,methods,computed...)中可以访问到setup中的属性,方法。
· 但在setup中不能访问到vue2.x配置(data,methods,computed...)。
· 如有重名,setup优先。
2、setup不能是一个async函数,因为返回值不再是return对象,而是promise,模板中看不到return对象中的属性
About 5 min