vue的組件通信 父傳子 -- 子傳父-- 兄弟組件的傳值

首先文字簡單擼一下

父子傳子   -------首先在父組件上綁定一個屬性，在子組件裏用props接收，能夠是數組或者是對象

子傳父   ------在父組件升上自定義一個方法，在子組件裏經過this.$emit("父組件上的方法名"，a)     /-------a------/表明須要傳遞的參數       

兄弟組件通信   須要建立一個公共的vue 實例, new vue()   

在main.js裏 書寫Vue.prototype .com=new vue()    經過prototype添加到vue實例中      com是本身添加的屬性

一、父傳子

二、子傳父

 

三、兄弟組件通信

兄弟組件1

兄弟組件2

組件通信是vue裏比較重要，並且經常使用的東西，須要掌握好