Vue3的setup()学习

setup()执行的时机

• setup()在beforeCreate之前执行一次，this是undefined
  
  

setup()的参数

1.props

props值为对象，包含：组件外部传过来的且组件内部声明接收了的属性。

查看一下：

2.context

上下文对象，包含以下三个内容：

attrs：值为对象。包含组件外部传过来且在组件内部没有声明的属性，相当于this.$attrs.

以下sex属性没有在Demo.vue组件中声明。

可以看到：

slots：收到的插槽内容。

emit: 分发自定义事件的函数，相当于this.$emit

和VUE2有区别的地方在于，子组件发送事件时

• 使用context.emit('xxx', 'xxx')
• 要和props一样，写一个emits:[""]，否则报警告。