兄弟组件传值

1，子传父，父传另一个子

。。。

2，vuex

核心思想：使用vuex进行兄弟组件通信的核心思路就是将vuex作为一个store(vuex被设计的原因之一)，将每个子组件的数据都存放进去，每个子组件都从vuex里获取数据，其实就是一句话——把vuex作为一个桥；

https://segmentfault.com/a/1190000014838912?utm_source=channel-hottest

 

3，eventBus

　第一步：创建一个js文件，eventBus.js，位置随便放，我是放在了src目录下

　　import Vue from 'vue'
　　export default new Vue()

第二步：在传出值的兄弟组件中，引入刚才的js

　　import '@/eventBus.js'

　　然后在methods里边定义一个函数

　　methods:{
    　　changesize(){
        　　eventBus.$emit('add',this.arg)
    　　}
　　}
　　测试用的是button点击触发changesize函数，然后将arg传出去
第三步：在接受值的兄弟组件中也先让引入eventBus.js，然后使用created生命周期函数

　　created(){
    　　eventBus.$on('add',(message)=>{
        　　//一些操作，message就是从兄弟组件传过来的值
        　　console.log(message)
    　　})
　　},