初识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和异步组件的配合