Vue.js 父子組件及非父子組件間實現通訊

1. 父組件與子組件通訊

父組件

子組件經過props來接收數據:
格式1：

props: ['childMsg']

格式2 :

props: {
    childMsg: Array //指定傳入的類型
}

格式3：

props: {
    childMsg: {
        type: Array,
        default: [0,0,0] //指定默認的值
    }
}

2.子組件與父組件通訊

在vue中是不容許子組件直接修改父組件的值，在vue中只容許單向數據傳遞

子組件:

父組件:

PS
vue2.3能夠使用.sync修飾符進行子組件改變props值(注意這裏是改變。想使用props值的話經過computed進行處理)

3.非父子組件間通訊

建立事件中心

組件1觸發：

組件2接收: