0
点赞
收藏
分享

微信扫一扫

js案例:打地鼠游戏(打灰太狼)

看山远兮 2023-11-12 阅读 51

一、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 对象中的属性。

举报

相关推荐

0 条评论