$event 是事件对象的特殊变量，在两种场景下，它有不同的意义，代表不同的对象。
- 在原生事件中表示事件本身。可以通过$event.target获得事件所在的DOM对象，再通过value进一步获取具体的值。
<template>
<div>
<input type="text" @input="inputHandler('hello', $event)" />
</div>
</template>
export default {
methods: {
inputHandler(msg, e) {
console.log(e.target.value)
}
}
}
- 而在父子组件通过自定义事件进行通信时，表示从子组件中传递出来的参数值
看下面的例子：
//blog-post组件的模板
<button v-on:click="$emit('enlarge-text', 0.1)">
Enlarge text
</button>
在父级组件监听这个事件的时候，可以通过 $event 访问到blog-post子组件传递出来的0.1这个值：
<blog-post
...
v-on:enlarge-text="postFontSize += $event"
></blog-post>
此时，$event的值就是0.1，而不是前面的事件对象。