代码1111

setup是一个全新的配置项，值是一个函数，既然是配置项，是否与data、methods是兄弟？

没错，确实是兄弟关系，只不过到了vue3，就不怎么使用data这些配置项，会使用setup，让我为大家简单的介绍一下setup吧！

setup是Composition API，组件中所用到的数据方法等等均配置在setup中

让我们使用一下setup吧！

姓名：{{ name }}

年龄：{{ age }}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

当我们点击按钮时，数据修改了，但不是响应式，关于响应式的问题我会在下一篇写对应的方法

我们来看看setup是否在创建之前

beforeCreate() {
    console.log("beforeCreate");
},
setup() {
    console.log("setup");
}

1
2
3
4
5
6

注意点：
setup中this为undefined

setup() {
console.log(this); // undefined
}
1
2
3
setup是有语法糖的

姓名：{{ name }}

年龄：{{ age }}

5