記錄:
解釋:
1虾标、組件里面的元素'blog-post',通過(guò):v-on:click="incrementTotal"灌砖,監(jiān)聽(tīng)點(diǎn)擊事件璧函,如果發(fā)生點(diǎn)擊事件傀蚌,那么就觸發(fā):incrementTotal(事件),而incrementTotal(事件)是本組件定義的一個(gè)函數(shù)柳譬;
2喳张、this.$emit('enlarge-text2'); 表示向父組件觸發(fā)一個(gè)自定義的監(jiān)聽(tīng)事件:'enlarge-text2',就像上面的系統(tǒng)定義的click事件美澳;
3销部、v-on:enlarge-text2="env" ?: 表示監(jiān)聽(tīng)enlarge-text2事件,如果被觸發(fā)了制跟,就執(zhí)行“env”(自定義的一個(gè)函數(shù))舅桩;
PS:1~3就實(shí)現(xiàn)了子組件向父組件通過(guò)事件發(fā)送消息;就是子組件進(jìn)行了一些操作(如點(diǎn)擊子組件的按鈕雨膨,然后想告訴父組件要干嘛干嘛)擂涛;
4、props: ['post'] : 表示聊记,props是關(guān)鍵字撒妈,數(shù)組里面的每一個(gè)值代表組件的一個(gè)數(shù)據(jù)屬性,就是一個(gè)變量排监;
5狰右、v-bind:post="post" :表示本組件的post屬性獲取父組件的post屬性(變量)的值,也就是父組件向子組件傳遞數(shù)據(jù)了舆床;