傳引用: 傳的就是對象(object)和數組(array);
傳值: 傳的就是字符串(string)、布爾(boolean)、數值(number);
主要表達的意思是:
在父傳子組件中,數據寫在父組件時;傳引用的時候,改變一個數組或者對象都是將所有的改變;傳值的話,改變哪個值就是改變哪個,不會影響到其他。。
在這裏,通過pop方法出棧數組元素,然後點擊一個刪除,兩個相同數組中的li都會減少一個1個,從而說明了傳引用的時候改變數組中的元素,所有的都將改變
相反的,傳數值的時候,改變一個地方,其他地方不會改變
其中點擊頭部的時候,title會變成change這樣的,尾部也是同樣的寫法,然而卻沒有變化,這就證明了這一點
事件傳值(子傳父):
首先是子組件中,定義一個點擊事件觸發方法,然後方法爲註冊事件,如下。然後執行方法後就會在父組件中去找這個’事件名‘
$emit('事件名',’事件傳的內容是什麼‘);
父組件中給上面的’事件名‘綁定一個方法,參數是$event,然後實現這個方法 就可以拿到子組件中的數據了
methods:{
updateTitle(title){ 這個title是子組件中的title
this.title=title; 將子組件中的title給現在的title
}
},