vue學習基礎(5)組件屬性傳值/傳值和傳引用、註冊事件

一、組件屬性傳值

從父組件把值傳遞給子組件

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章