Vue 消息订阅与发布 (任意组件间通信)

也可以使用这种方法
Vue全局事件总线(任意组件间通信)
这种比较繁琐

安装命令

npm i pubsub-js

全局使用

import PubSub from 'pubsub-js'
Vue.prototype.$pubsub = PubSub

发送消息

Login.vue

 methods: {
        login()
        { 
            this.$pubsub.publish('getUserId', '13169463709')
        }
  
     }

接收消息

User.vue

created() { 

       this.$pubsub.subscribe('getUserId', (funName,user_id) => {
// this.$pubsub.subscribe('getUserId', (_,user_id) => {
//消息名可以使用_占位
                console.log(user_id)
            
        })
    },
     beforeDestroy() { 
        this.$pubsub.unsubscribe(this.$pubsub)
	//销毁
    }

你可能感兴趣的:(vue.js,前端,javascript)