vue學習 十五 傳值和傳引用 or 事件傳值(子傳父)

傳引用:  傳的就是對象(object)和數組(array);

傳值:  傳的就是字符串(string)、布爾(boolean)、數值(number);

主要表達的意思是:

    在父傳子組件中,數據寫在父組件時;傳引用的時候,改變一個數組或者對象都是將所有的改變;傳值的話,改變哪個值就是改變哪個,不會影響到其他。。

在這裏,通過pop方法出棧數組元素,然後點擊一個刪除,兩個相同數組中的li都會減少一個1個,從而說明了傳引用的時候改變數組中的元素,所有的都將改變

相反的,傳數值的時候,改變一個地方,其他地方不會改變 

其中點擊頭部的時候,title會變成change這樣的,尾部也是同樣的寫法,然而卻沒有變化,這就證明了這一點

 

事件傳值(子傳父): 

首先是子組件中,定義一個點擊事件觸發方法,然後方法爲註冊事件,如下。然後執行方法後就會在父組件中去找這個’事件名‘

$emit('事件名',’事件傳的內容是什麼‘);        

父組件中給上面的’事件名‘綁定一個方法,參數是$event,然後實現這個方法  就可以拿到子組件中的數據了

methods:{
      updateTitle(title){        這個title是子組件中的title
          this.title=title;         將子組件中的title給現在的title
      }
  },

 

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