38Vue - 事件处理器（内联处理器方法）

除了直接绑定到一个方法，也可以用内联 JavaScript 语句： HTML代码：

  Say hi
  Say what

JS代码：

new Vue({
  el: '#example-3',
  methods: {
    say: function (message) {
      alert(message)
    }
  }
})

结果：

有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量$event 把它传入方法：

HTML代码：

Submit

JS代码：

// ...
methods: {
  warn: function (message, event) {
    // 现在我们可以访问原生事件对象
    if (event) event.preventDefault()
    alert(message)
  }
}