内联语句处理器

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

<div id="example-2">
  <button v-on:click="say('hi')">Say Hi</button>
  <button v-on:click="say('what')">Say What</button>
</div>

js代码:

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

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

<button v-on:click="say('hello!', $event)">Submit</button>

js代码：

new Vue({
  el: '#example',
  methods: {
    say: function (msg, event) {
    // 现在我们可以访问原生事件对象
    event.preventDefault()
  }
  }
})