下拉列表中的select的值传给兄弟组件不能多次更新问题,(bus 总线传值)

学到了,今天遇到一个问题,select的值改变之后,把这个值传递给另一个兄弟组件备用,但是传递的时候我总是bus.$on()放在mounted中或者created中调用,或者房子普通函数中,得到的结果要不就是只能获得第一次的值,要不就是压根就不能运行,一个博主的大胆想法提醒了我,我也试着把bus.$on()写作data() 中,最后问题解决,但是我测试的时候关掉了那个博客页面,找不到,谢谢陌生人,特记录下来,希望可以帮到苦恼中迷茫的你.

<template>
     
    <div>
     <el-button type="primary">新闻{{valuec}}</el-button>
    </div>
</template>

<script>
import bus from './bus'
  export default {
    data(){
      bus.$on("hahavalue",msg=>{
        this.valuec= this.valuec+msg;
        console.log('tag', this.valuec)
      })
      return{
        valuec: ''
      }
    },
    mounted(){
      // bus.$on("hahavalue",msg=>{
      //   this.valuec= msg;
      //   console.log('tag', this.valuec)
      // })
    }
  }
</script>

<style scoped>

</style>

总结: 编程路漫漫，坚持是关键