API:v-on、vm.$emit( eventName, […args] )
子組件:
1 Vue.component('testdiv', { 2 template: ` 3 <div v-for="(item, i) in items" :key="i" @click="$emit('click', item)"> 4 ... 5 </div> 6 ` 7 })
父組件:
1 <testdiv @click=test($event)>戳我!看測試!<testdiv> 2 3 4 methods: { 5 test(e) { 6 console.log(e). // 輸出結果為data()中item的對象數據 7 } 8 }
注意:@click=test($event) 寫成$event,寫成其他無效
(默認為$event,如果有其他參數則要寫上$event --->( @click=test([options], $event) ))
在父組件中就能調用頁面中當前對象自定義的參數
