Vue3 setup函数

一、setup函数介绍

setup函数是Vue3中全新的一个配置项，值为一个函数，是所有 Composition API 中“表演的舞台”。

我们在Vue2中用到的所有数据、方法，都需要配置在setup中。

这是我们在Vue2中的写法：

这是我们在Vue3 setup中的写法：

二、setup函数返回值

如果我们将在setup函数中定义的变量通过函数返回值的对象形式将其返回，则返回对象中的属性方法在模板中可以直接使用。

三、setup函数的注意点

一、 尽量不要与Vue2 的配置混用

1. Vue2 配置（data，methods，computed...）可以直接访问到setup 中的属性和方法。

2. setup 中不能通过this访问到Vue2 中的配置。

3. 如果setup 函数和Vue2 配置中有重名的情况，优先使用setup函数中的配置。

二、setup 函数不能是一个async 函数，因为返回值是Promise 不是对象，所以模板看不到return 对象中的属性。