二、拉开序幕的setup

（一）理解

• Vue3.0 中的一个新的配置项，值为一个函数
• setup 是所有 Composition API （组合 API）表演的舞台
• 组件中所用到的数据、方法等等，均要配置在 setup 中

（二）setup 函数的两种返回值

• 若返回一个对象，则对象中的属性、方法，在模板中均可以直接使用
• 若返回一个渲染函数【h()】，则可以自定义渲染内容

（三）注意点

1.尽量不要与 Vue2.x 配置混用

• Vue2.x 配置（data、methods、computed......）中 可以访问到 setup 中的属性、方法
• 但在 setup 中 不能访问到 Vue2.x 配置（data、methods、computed.....）
• 如果有重名，setup 优先

2.setup 不能是一个 async 函数

• 因为 async 函数的返回值不再是 return 的对象，而是 Promise，模板看不到 return 对象中的属性
• 后期也可以返回一个 Promise 实例，但需要 Suspense 组件和异步组件的配合