setup是vue3的入门技术，想要学习vue3，最好从它开始，因为setup是所有Composition API（组合API）表演的舞台 ****。如果没有setup，那么其他的组合式API都没地方写
setup是Vue3.0中一个新的配置项，值为一个函数，组件中所用到的：数据、方法等等，均要配置在setup中，它有两种返回值。对象和渲染函数，下面通过案例一一说明使用
注意：此处的案例只是测试一下setup,暂时不考虑响应式的问题。
返回对象(重点关注)
如果setup返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用，这种返回方式也是用的比较多的一种
比如这里我定义了一些数据和方法。返回对象的时候如果key和value一致，那么可以只保留key
使用的时候直接进行插值语法获取和事件绑定即可，这里比vue2多了一步：需要手动return方法或数据
数据肯定是可以通过setup返回对象的方式获取到的
返回渲染函数(了解即可)
setup除了可以返回对象，还可以返回渲染函数，可以自定义渲染内容，这种返回方式相对来说用的比较少(了解即可)
在渲染之前需要手动引入
引入渲染h
vue3一个很大的特点就是使用什么就直接引入
这个h vue3已经帮助我们封装好了，直接引入并使用即可
// 引入渲染h
import {h} from 'vue'
细节问题
虽然在vue3中可以写一个vue2相关的配置，包括data、methos、computed…但是并不推荐在vue3中写vue2相关代码，因为虽然vue2可以访问到setup中的属性、方法，但是但在setup中不能访问到Vue2配置的data、methos、computed，另外如果有重名, setup优先
setup总结
-
理解：Vue3.0中一个新的配置项，值为一个函数。
-
setup是所有Composition API（组合API） *“ *表演的舞台 ” 。
-
组件中所用到的：数据、方法等等，均要配置在setup中。
-
setup函数的两种返回值：
- 若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。（重点关注！）
- 若返回一个渲染函数：则可以自定义渲染内容。（了解）
-
注意点：
-
尽量不要与Vue2.x配置混用
- Vue2.x配置（data、methos、computed…）中可以访问到setup中的属性、方法。
- 但在setup中不能访问到Vue2.x配置（data、methos、computed…）。
- 如果有重名, setup优先。
-
setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合）
-
