请老师解释一下自定义事件

请问老师关于$event 到底是什么意思

在官方介绍中有个例子

this.$emit('update:title', newTitle)
    
然后父组件可以监听那个事件并根据需要更新一个本地的数据属性。例如：
<text-document
  v-bind:title="doc.title"
  v-on:update:title="doc.title = $event"
></text-document>

子组件触发了update:title这个自定义事件，父组件在标签上监听了这个事件。触发时候传入了一个值。

我想请问为什么$event等于子组件触发时候传的值。$event不是代表dom事件中的event是一个状态对象吗。为什么会成为了一个值。请问老师这时为什么，麻烦详细解释下。（以及我还有一个疑问，如果子组件触发自定义事件的时候不传第二个参数是不是$event默认是event状态？）

hy_wang 2018-11-17

源自：Vue基础详解 2-12 自由编程

收起

2回答

正在想名字呢 2018-11-19 15:01:48

1、this.emit("自定义事件名",要传送的数据)，用来触发父组件的自定义事件

2、v-on:update:title="doc.title = $event"，其中，doc.title是传递 doc 对象中的title属性，$event是接收的值，这个是vue的语法糖，与你说的dom事件中的event状态对象是两回事

收起回答

提问者 hy_wang #1

那这里的$event请问就是代表event状态了吗，而是emit传递过来的值是吗

2018-11-19 22:04:47
正在想名字呢回复提问者 hy_wang #2

是emit传递过来的值

2018-11-20 11:13:21
正在想名字呢回复提问者 hy_wang #3

这么说吧，这个是通过事件向父级组件发送消息的一种方法：使用事件抛出一个值，可以理解如下：用一个事件来抛出一个特定的值，使用$emit的第二个参数来提供这个值，然后当在组件监听这个事件的时候，通过$event访问到被抛出的这个值，所以这里的$event只是用来接收$emit的第二个参数提供值的。

2018-11-20 11:33:56