vue-bus的使用
1. 安装:npm install vue-bus
2.使用:在main.js中
import VueBus from 'vue-bus';
Vue.use(VueBus);
3.在A组件触发:
<button @click="saveDetail()">保存</button>
sava(){
this.$bus.emit("事件名,例如:sendData", '传的内容,例如:data');
}
4.在B组件接收
this.$bus.on("sendData", function(data) {
data(传过来的内容)
});
5.在组件销毁时关闭
destroyed() {
this.$bus.off("sendData");
}