Prop 向子組件傳遞數(shù)據(jù)-通過事件向父級組件發(fā)送消息

記錄:

解釋:

1、組件里面的元素'blog-post',通過:v-on:click="incrementTotal",監(jiān)聽點(diǎn)擊事件,如果發(fā)生點(diǎn)擊事件,那么就觸發(fā):incrementTotal(事件),而incrementTotal(事件)是本組件定義的一個函數(shù);

2、this.$emit('enlarge-text2'); 表示向父組件觸發(fā)一個自定義的監(jiān)聽事件:'enlarge-text2',就像上面的系統(tǒng)定義的click事件;

3、v-on:enlarge-text2="env" ?: 表示監(jiān)聽enlarge-text2事件,如果被觸發(fā)了,就執(zhí)行“env”(自定義的一個函數(shù));

PS:1~3就實(shí)現(xiàn)了子組件向父組件通過事件發(fā)送消息;就是子組件進(jìn)行了一些操作(如點(diǎn)擊子組件的按鈕,然后想告訴父組件要干嘛干嘛);

4、props: ['post'] : 表示,props是關(guān)鍵字,數(shù)組里面的每一個值代表組件的一個數(shù)據(jù)屬性,就是一個變量;

5、v-bind:post="post" :表示本組件的post屬性獲取父組件的post屬性(變量)的值,也就是父組件向子組件傳遞數(shù)據(jù)了;

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容