兄弟组件传值

Posted 2020-11-23 xudunwang

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)
    　　})
　　},