兄弟组件使用 eventBus 实现传值
第一步:先创建js文件,位置随便放
import Vue from 'vue'
export default new Vue()
第二步:兄弟组件,引入js,然后在methods里边定义一个函数
import '@/eventBus.js'
methods:{
changesize(){
eventBus.$emit('add',this.arg)
}
}
button点击触发changesize函数,然后将arg传出去
第三步:接收参数的兄弟组件引入js,然后使用created生命周期函数
created(){
eventBus.$on('add',(message)=>{
//一些操作,message就是从top组件传过来的值
console.log(message)
})
},