vue2 0非父子間進行通訊

在vue中，父元件向之元件通訊使用的是props，子元件向父元件通訊使用的是$emit+事件，那非父子間的通訊呢，在官方文件上只有寥寥數筆，

概念很模糊，這個空的vue例項應該放在**呢，光放文件並沒有明確的描述，經過查證一些其他的資料，發現其實這個非父子間的通訊是這麼用的：

首先，這個空的例項需要放到根元件下，所有的子元件都能呼叫，即放在main.js下面，如圖所示：

import vue from 'vue'
import router from './router'
vue.config.productiontip = false;
/* eslint-disable no-new */
new vue(,
});

我的兩個元件分別叫做child1.vue,child2.vue，我現在想點選child1.vue裡面的按鈕來改變child2.vue裡面的數值，這個時候我們需要借助乙個$root的工具來實現：

child1.vue:

div this is child
span(@click="correspond") 點選進行非元件之間的通訊

child2.vue:

div this is child2
span }

此時就已經可以達到我們想要的效果啦。

父元件資料如何傳遞給子元件呢？可以通過props屬性來實現父元件這裡必須要用代替駝峰data 子元件通過props來接收資料方式1 props childmsg 方式2 props props 這樣呢，就實現了父元件向子元件傳遞資料.那麼，如果子元件想要改變資料呢？這在vue中是不允許的，因...

1.父元件傳遞資料給子元件父元件資料可以通過props屬性來傳給子元件父元件 parent msg 這裡必須要用代替駝峰 data 子元件通過props來接收資料方式1 props childmsg 方式2 props 方式3 props 2.子元件與父元件通訊如果子元件想要改變資料呢？這...