vue v-on綁定事件時函數(shù)名加與不加括號的區(qū)別

v-on的值分倆種情況:

簡單取值路徑或者函數(shù)表達式

簡單路徑例如:

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

函數(shù)表達式如:

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

滿足這個條件的值會被處理成函數(shù)調(dià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) })()

非簡單取值路徑也非函數(shù)表達式

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

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

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

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