Vue3.0 setup函数

setup

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







你可能感兴趣的:(vue3.0,vue.js,前端)