我知道內(nèi)聯(lián)語句，這樣說的話也就是say()，這算一個(gè)內(nèi)聯(lián)處理器。say('hi')這也是一個(gè)內(nèi)聯(lián)處理器。但是say不算。

比較一下這兩個(gè)寫法有什么不同：

寫法一

<div id="example-3">
  <button v-on:click="say">Say hi</button>
  <button v-on:click="say">Say what</button>
</div>

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

寫法二

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

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

差異

一個(gè)有括號(hào)，一個(gè)沒括號(hào)，對(duì)吧？

沒括號(hào)的這個(gè)，直接就是函數(shù)名，有括號(hào)的這個(gè)，實(shí)際是一條JS語句，有括號(hào)的這個(gè)就叫『內(nèi)聯(lián)處理器』。

沒括號(hào)的好處

看上去，有括號(hào)的更直觀，更容易理解。那為什么還要搞什么無括號(hào)？

沒括號(hào)的有這么一個(gè)好處：

<div id="example-3">
  <button v-on:click="say">Say hi</button>
  <button v-on:click="say">Say what</button>
</div>

new Vue({
  el: '#example-3',
  methods: {
    say: function (event) {
      alert(event.target.tagName);
    }
  }
});

雖然我沒括號(hào)，但我天生自帶event參數(shù)呀，你在上面不用寫event，我下面就自帶event了，你有括號(hào)的括號(hào)里幾個(gè)參數(shù)，下面就得幾個(gè)參數(shù)，你不能無中生有的。

有括號(hào)的逆襲

為了讓有括號(hào)的也能得到無括號(hào)娘胎里自帶的event參數(shù)，我們可以這樣寫：

<div id="example-3">
  <button v-on:click="say('hi', $event)">Say hi</button>
  <button v-on:click="say('what', $event)">Say what</button>
</div>

new Vue({
  el: '#example-3',
  methods: {
    say: function (message, event) {
      alert(message);
      alert(event.target.tagName);
    }
  }
});

送他一個(gè)美刀$，于是有括號(hào)的也可以快樂地使用天然無雕飾的event參數(shù)了！