v-on的值分倆種情況:

簡(jiǎn)單取值路徑或者函數(shù)表達(dá)式

簡(jiǎn)單路徑例如:

• v-on="a"
• v-on="a.b"
• v-on="obj.foo"

函數(shù)表達(dá)式如:

• v-on="() => console.log(1)"
• v-on="function() { console.log(1) }"

滿足這個(gè)條件的值會(huì)被處理成函數(shù)調(diào)用, 也即是說(shuō), 你不用提供圓括號(hào).

• a 處理為 a()
• a.b 處理為 a.b()
• obj.foo 處理為 obj.foo()
• () => console.log(1) 處理為 (() => console.log(1))()
• function() { console.log(1) } 處理為 (function() { console.log(1) })()

非簡(jiǎn)單取值路徑也非函數(shù)表達(dá)式

除去上面提到的兩種情況, 其他情況下 v-on 的值會(huì)被包裹進(jìn)一個(gè)函數(shù)聲明內(nèi).

• a ? b : c 處理為 function($event) { a ? b : c }
• b($event.target.value) 處理為 function($event) { b($event.target.value) }

這就是為什么你可以使用 $event 變量的原因.

區(qū)別在于傳參數(shù)的時(shí)候