vue3.0 初始setup案例

1. 理解: Vue3.0中一个新的配置项，值为一个函数。
2. setup是所有Composition API(组合API)“表演的舞台”。
3. 组件中所用到的:数据、方法等等，均要配置在setup中。
4. setup函数的两种返回值:
   a.若返回一个对象，则对象中的属性、方法,在模板中均可以直接使用。(重点关注! )
   b.若返回一个渲染函数:则可以自定义渲染内容。(了解)
5. 注意点:
   a.尽量不要与Vue2.x配置混用
   5a1， Vue2.x配置(data、methos、computed…）中可以访问到setup中的属性、方法。
   5a2，·但在setup中不能访问到Vue2.x配置(data、methos、computed…) 。
   5a3，如果有重名, setup优先。
   b.setup不能是一个async函数，因为返回值不再是return的对象,而是promise,模板看不到return对象中的属性。

App.vue代码：

<template>
  <h1>一个人的信息</h1>
  <h2>姓名:{
   {
   name}}</h2>
  <h2>年龄:{
   {
   age}}</h2>
  <h2>性别:{
   {
   sex}}<