一、組件屬性傳值
從父組件把值傳遞給子組件
1、父組件綁定內容。傳遞父組件data中的參數值
2、子組件獲得屬性值
子組件接收值的其他寫法
二、傳值和傳引用
屬性傳值,值有兩種情況:1、傳值 2、傳引用(對象、數組)
Users.vue裏面操作對象的刪除,template裏面增加一個刪除按鈕,調用刪除方法。
App.vue裏面使用兩次該組件
效果圖如下,點擊其中一個得刪除按鈕,另一個組件調用的數據也同時跟着刪除
只改變自己的,在App.vue裏面header和footer裏面都傳遞了title,子組件的值只改變了自己的,title爲app.vue的內部屬性值
三、註冊事件
如果想要子組件改變父組件的值,需要註冊事件 。
通過註冊的事件到父組件裏面去修改。
父組件App.vue中註冊事件@titleChange="updateTitle",並在methods中實現updateTitle方法
子組件中觸發方法,調用父組件中的methods