記錄:
解釋:
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ù)了;