web0715/vue/vue高阶/project1/src/components/Demo4.vue

<template>
  <div class="demo4">
    <p>你好 我有一个帽衫</p>
  </div>
</template>

<script>
import pubsub from 'pubsub-js';
export default {
    data() {
        return {
            pubId:null
        }
    },
    mounted() {
        // this.$reds.xxx.$on
        // this.$on
       this.pubId = pubsub.subscribe("part1",this.namesChange)
        // this.$bus.$on("part1",this.namesChange)
    },
    methods:{
        namesChange(xxx,demo){
            // console.log(xxx,'xxx')
            alert("牛"+demo)
        }
    },
    beforeDestroy() {
        // this.$bus.$off();
        pubsub.unsubscribe(this.pubId);
    }
}
</script>

<style scoped>
.demo4 {
    width: 300px;
    height: 300px;
    border:3px solid #0f0;
}
</style>