（十三）Vue3.x中的emits选项

Posted 2023-03-16

参考技术A

1、概述：当前组件的通过emit的事件列表
2、类型：Array|Object
3、作用：Vue3.0中使用emit发起事件时会要求当前组件记录emit事件（没有则控制台会抛出警告）。
4、用途：用于记录当前组件emit的事件，当为对象时，则可以验证传入的值是否有效。

用法一：数组用法

用法二：对象用法，当emits为对象时，可以验证事件中的参数是否有效

注意： emits无论是数组或者对象用法最终都会将事件给传递出去，数组或对象的使用只是为了记录实例中的emit事件，或者是验证事件中的参数。

下一章： （十四）Vue3.x核心之getCurrentInstance
上一章： （十二）Vue3.x中重写的v-model

ps： 明明知道闯一闯可能会拼出一片天地，那为什么还是有大部分的人选择了平凡？

vue2.x 父组件监听子组件事件并传回信息

利用vm.$emit

1、在父组件中引用子组件

<child  @from-child-msg="listenChildMsg"></child >

2、子组件中使用$emit发送事件

this.$emit(‘from-child-msg‘, ‘这是子组件传递的消息‘);