vue｜特殊变量 $event

解释

这是 vue 的一个特殊变量，和原生的 DOM 事件一致。目的是为了有时候不那么方便放入事件时（比如你需要多个参数，但往往绑定事件只能接受一个参数）

例子

<button v-on:click="(e)=>warn1('Form cannot be submitted yet.')(e)"> // 这里只能处理原生事件对象，而不能传入其他参数
  Submit
</button>

<button v-on:click="warn2('Form cannot be submitted yet.', $event)"> // $event 这个特殊变量就是原生事件对象，这样你可以传入更多的参数了
  Submit
</button>

// ...
methods: {
  warn1: function (msg) {
    // 往往为了获得原生事件对象，我们的函数只能接受一个函数。否则，只能想办法用其他方式处理，比如返回一个处理事件的函数
    return (e)=>this.warn2(msg, e)
  }
  warn2: function (message, event) {
    // 现在我们可以访问原生事件对象
    if (event) {
      event.preventDefault()
    }
    alert(message)
  }
}

多一嘴

上面我们可以这么实现