1. 不傳任何參數(shù)

<button @click="clickParams">點擊</button> // 不傳任何參數(shù)
// 函數(shù)
clickParams(params = '') {
  console.log(params) // 此處的 params 是事件對象 Event，而非 ''
}

2. 只傳自定義的參數(shù)，無需Event對象

<button @click="clickParams('click123')">點擊</button> // 傳一個參數(shù)
// 函數(shù)
clickParams(params = '') {
  console.log(params) // 此處的 params 是'click123'，而非事件對象 Event
}

3.同時傳事件對象Event 和 自定義參數(shù)

// 只需把 $event 傳進去即可，無需必為第一個參數(shù)，可作為任何位置的參數(shù)傳進。
<button @click="clickParams($event, 'click123')">點擊</button>  // 傳$event參數(shù) 和 自定義參數(shù)
// 函數(shù)
clickParams(params1 = '', params2 = '') {
  console.log(params1, params2) // 此處的 params1 是Event對象，params2 是'click123'
}

易引起bug 的要點

開發(fā)時，在調(diào)用click函數(shù)沒有傳任何參數(shù)時，會錯誤地認為參數(shù)params是 undefined，或者使用es6的解構(gòu)賦值時，會錯誤認為 params 是默認值。實際上，如果在調(diào)用 @click='xxx'，不傳參，那么 params 就一定是 Event 對象。