vue組件之間的通訊傳值

父子組件之間的通訊

一、直接利用組件自帶的 $parent 和 $refs屬性 訪問指定的父組件與定義了ref名字的子組件，獲取其屬性或者方法：

           父組件內須要注意的是，在父組件內利用this.$refs獲取子組件，在created函數內是獲取不到的，此時虛擬DOM和數據還沒結合成真正的dom，是獲取不到的，能夠在mounted函數內去獲取

　　　　　　　　　　　　　　　　　　父組件：

　　　　　　　　　　　　　　　　子組件內：

 

二、利用自定義的屬性和自定義的方法進行父子組件的通訊：

　　父傳子：在父組件內的子組件標籤上利用一個自定義的屬性，將須要傳遞的值傳遞給子組件，在子組件內，利用props屬性，接受傳過來的值：

　　子傳父：在父組件內的子組件標籤上綁定一個自定義的事件，在子組件內，利用   this.$emit('sendData',this,childData) 第一個參數是事件名，第二個參數是傳遞的數據　

　　　　　　　　　　　　　　　　　　父組件內：

 

　　　　　　　　　　　　　　　　　　子組件內：