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

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

这种比较繁琐

安装命令

npm i pubsub-js

全局使用

rust 复制代码
import PubSub from 'pubsub-js'
Vue.prototype.$pubsub = PubSub

发送消息

Login.vue

rust 复制代码
 methods: {
        login()
        { 
            this.$pubsub.publish('getUserId', '13169463709')
        }
  
     }

接收消息

User.vue

rust 复制代码
created() { 

       this.$pubsub.subscribe('getUserId', (funName,user_id) => {
// this.$pubsub.subscribe('getUserId', (_,user_id) => {
//消息名可以使用_占位
                console.log(user_id)
            
        })
    },
     beforeDestroy() { 
        this.$pubsub.unsubscribe(this.$pubsub)
	//销毁
    }
相关推荐
WildBlue1 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
不讲道理的柯里昂6 分钟前
Vue MathJax Beautiful,基于Mathjax的数学公式编辑插件
vue.js·开源
啷咯哩咯啷6 分钟前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户26124583401617 分钟前
vue学习路线(10.监视属性-watch)
前端·vue.js
Spider_Man8 分钟前
React-Router 全面解析与实战指南
前端·react.js
凌览9 分钟前
斩获 27k Star,一款开源的网站统计工具
前端·javascript·后端
丘耳10 分钟前
前端渲染方式
前端
The_cute_cat10 分钟前
Ajax和Axios的初步学习
前端·学习·ajax
Zz_waiting.11 分钟前
Javaweb - 10.4 ServletConfig 和 ServletContext
java·开发语言·前端·servlet·servletconfig·servletcontext·域对象
爱学习的小学渣12 分钟前
JS用法:Map,Set和异步函数
前端·javascript