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;
    });