vue中$event的使用

前言

最近有看到别人用到event，不是很理解，然后百度了一下，做个初步的了解，先记录一下，后来有什么补充的在补充，大家有什么见解，欢迎留言。

在父子组件通过自定义事件进行通信时，表示从子组件中传递出来的参数值

<button v-on:click="$emit('enlarge-text', 0.1)">
 Enlarge text
</button>

<blog-post
 v-on:enlarge-text="postFontSize += $event"
></blog-post>

此时，$event的值就是0.1，而不是前面的事件对象。

在原生事件中表示事件本身。可以通过$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)
    }
  }
}