跳轉(zhuǎn)前的頁面代碼

<template>
    <div>
        <button @click="sendMsg">send</button>
    </div>
</template>

<script>
export default {
    name:"demo",
    data: function () {
        return {
            content: "Yin Han"
        } 
    },
    methods: {
        sendMsg: function(){
            this.bus.$emit('msg',"sssss")
            this.$router.push('/Demo1')
        }
    }
}
</script>

跳轉(zhuǎn)后的頁面代碼

<template>
    <div>
        <button>{{getMsg}}</button>
        <button @click="back">back</button>
    </div>
</template>

<script>
export default {
    name: "demo1",
    data: function(){
        return {
            getMsg: "123"
        }
    },
    methods: {
        back: function(){
            this.$router.push('/')
        }
    },
    mounted: function(){
        this.bus.$on('msg',function(msg){
            this.getMsg = msg;
            this.bus.$off('msg')
        })
    }
}
</script>

所想的應(yīng)該在A頁面點擊send之后會跳轉(zhuǎn)B然后B通過BUS拿到值更新了getMsg，但是實際操作過程并沒有，并且，在第一次點send時候$on沒有觸發(fā)，第二次之后才會觸發(fā)，參考了Vue中同級組件使用bus傳值如何優(yōu)雅地完成？但是并沒有給到有效的解決。