1窖维、首先我想著實(shí)現(xiàn)的效果是點(diǎn)擊下面button按鈕,則上面增加2
點(diǎn)擊前
點(diǎn)擊后增加2
2涩搓、然后在父組件(day.vue)中的子組件中定義事件 v-on:up='upFn' 如下圖
父組件day.vue
子組件中如下圖 (test.vue)
子組件test.vue
每次點(diǎn)擊子組件中的button時(shí) 通過子組件中的$emit觸發(fā)父組件中的自定義事件up,
$emit中第一個(gè)參數(shù)接受v-on自定義事件名稱鸡号,第二個(gè)參數(shù)是子組件向父組件中傳遞的參數(shù)拷橘,可以為data里的參數(shù)舞虱,如上例用this.mb標(biāo)識(shí)睦番。
子組件中傳遞的參數(shù)直接在父組件中upFn中接收类茂,即可實(shí)現(xiàn)子至父組件信息的傳遞。
如想了解父至子組件信息的傳遞請(qǐng)參考我以前寫的隨筆托嚣。http://www.reibang.com/p/e58fda82a6d5