1.新建一个bus.js文件(可以使用一个空的Vue实例作为中央事件总线。)
import Vue from 'vue'
const Bus = new Vue()
export default Bus
2.在组件1中引入
bus.$on("自定义事件",val=>{
//这是事件函数 一旦changeBgc事件被触发,就会执行这里的代码
console.log(val)
})
3.在组件2中引入
bus.$emit("自定义事件", "red")
博客列表 >vue 兄弟组件间的传值方式
1.新建一个bus.js文件(可以使用一个空的Vue实例作为中央事件总线。)
import Vue from 'vue'
const Bus = new Vue()
export default Bus
2.在组件1中引入
bus.$on("自定义事件",val=>{
//这是事件函数 一旦changeBgc事件被触发,就会执行这里的代码
console.log(val)
})
3.在组件2中引入
bus.$emit("自定义事件", "red")