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)
	//销毁
    }
相关推荐
Simon_He29 分钟前
一个免费的在线压缩网站超越了付费的压缩软件
前端·开源·图片资源
巴巴_羊1 小时前
React Ref使用
前端·javascript·react.js
拾光拾趣录1 小时前
CSS常见问题深度解析与解决方案(第三波)
前端·css
徊忆羽菲2 小时前
Echarts3D柱状图-圆柱体-文字在柱体上垂直显示的实现方法
javascript·ecmascript·echarts
轻语呢喃2 小时前
JavaScript :字符串模板——优雅编程的基石
前端·javascript·后端
杨进军2 小时前
React 协调器 render 阶段
前端·react.js·前端框架
中微子2 小时前
Blob 对象及 Base64 转换指南
前端
风铃喵游2 小时前
让大模型调用MCP服务变得超级简单
前端·人工智能
markyankee1012 小时前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
中微子2 小时前
智能前端实践之 shot-word demo
前端