Vue3技术_初始setup

1、理解：Vue3.0中的一个新的配置项，值为一个函数
2、setup是所有Composition（组合API）“表演的舞台”
3、组件中所用到的：数据、方法等等，均要配置在setup中"
4、setup函数的两种返回值"

• 若返回一个对象，则对象中的属性、方法，在模板中均可以直接使用（重点）
• 若返回一个渲染函数：则可以自定义渲染内容（了解）

5、注意点：

• 尽量不要与Vue2.0配置混用：
  （1）Vue2.0配置（data、methods、computed…）中可以访问到setup中的属性、方法；
  （2）但在setup中不能访问到Vue2.0配置（data、methods、computed…）；
  （3）如果有重名，setup优先。
• setup不要是一个async函数，因为返回值不再是return的对象，而是promise，模板看不到return对象中的属性
• setup执行的时机：在beforeCreate之前执行一次，this是undefined
• setup的参数：
  （1）props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性
  （2）context：上下文对象，attrs：值为对象，包含组件外部传递过来，但没有在props配置中声明的属性，相当于this.$attrs；slots：收到的插槽内容，相当于this.$slots；emit：分发自定义事件的函数，相当于this.$emit