vue(10)-bus

1.

npm install vue-bus --save

2.

  main.js

import VueBus from 'vue-bus Vue.use(VueBus)

3.

 父组件：

this.$bus.emit("tbus", "欧文");

子组件：

<template> <div>传过来的参数是：{{value}}</div> </template> <script> export default { name: "mybus", data() { return { value: "--" }; }, methods: { byebye() { alert("88"); } }, created() { this.$bus.on("tbus", params => { this.value = params; }); }, destroyed() { this.$bus.$off("tbus"); //或者 //this.$bus.$off("tbus", this.byebye); } }; </script>

4、

其他：once 只监听一次

this.$bus.once("tbus", params => { this.value = params; });