1.创建一个新的bus.js文件(你可以使用一个空的Vue实例作为中央事件总线。)importVuefrom'vue'constBus=newVue()exportdefaultBus2.引入exportdefault{data(){return{bgc:"skyblue""在组件1中调用该组件时}},created(){//当页面刷新时,bus对象启动自定义事件监听,监听其他组件是否修改了bgc变量,这里的代码会执行this.bgc=val})},}3.2.在组件22中调用该组件时,首先引入importBusfrom'./Bus'exportdefault{data(){return{}},methods:{//点击事件修改兄弟组件bgc颜色hdClick(){//通过bus.$emit修改第一个,参数为事件名,第二个为要修改的参数//总线对象触发自定义事件changeBgcbus.$emit("changeBgc","red")},}
