VUE 組件之間通訊

1.父子組件傳參----父->子

在父組件中調用子組件而且把須要傳給子組件的數據綁定上

<my-child :data="obj"></my-child>

在子組件中經過props接收，就能夠在子組件中使用了

 props:['data']

2.子->父  子組件經過$emit 把數據發送給子組件

//在調用的子組件上綁定觸發的事件selectWorkTeam
<my-child @selectWorkTeam="selectWorkTeam"/>
//在子組件觸發的時間裏寫
this.$emit('selectWorkTeam', value);
//在父組件裏經過selectWorkTeam事件接收值
selectWorkTeam: function(item) { 
	console.log("ssssssssssssssssssss:" + item)
	},
複製代碼

3.兄弟組件之間傳值

1.經過子到父，父到子進行兄弟組件傳值，不在詳細講

2.經過中間件 進行傳遞

建立一個Vue的實例，讓各個兄弟共用同一個事件機制。

var vm = new Vue();  //定義一個空的對象    至關於第三方複製代碼

兄弟1經過$emit 發送數據

send:function(){
                    vm.$emit('data-a',this.name);//發射
                  }複製代碼

兄弟2 經過$on來進行建通接收

vm.$on('data-a',item =>{   //接收   data-a接收名稱    item參數
              this.nameA = item;
            })複製代碼

3.vuex