Vue全局事件总线（任意组件间通信）

new Vue({
  render: h => h(App),
  beforeCreate() {
    Vue.prototype.$bus = this
    //挂载到VC
  }
}).$mount('#app')

<button @click="snedData()">登录传递用户名</button>

snedData() { this.$bus.$emit('send', 666, 'dpc')  }    

created() { this.getData() },
    methods:
    {
        getData() {
            this.$bus.$on('send', (data, str) =>
            {
                console.log(data, str)
            })
        }
    },    

beforeDestroy() {
        this.$bus.$off('send')
    }