1,子传父,父传另一个子
。。。
2,vuex
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) }) },