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)
	//销毁
    }
相关推荐
dme.3 分钟前
Javascript之DOM操作
开发语言·javascript·爬虫·python·ecmascript
Cacciatore->5 分钟前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~7 分钟前
React Ref 指南:原理、实现与实践
前端·javascript·react.js
teeeeeeemo8 分钟前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
贵沫末26 分钟前
React——基础
前端·react.js·前端框架
aklry38 分钟前
uniapp三步完成一维码的生成
前端·vue.js
Rubin931 小时前
判断元素在可视区域?用于滚动加载,数据埋点等
前端
爱学习的茄子1 小时前
AI驱动的单词学习应用:从图片识别到语音合成的完整实现
前端·深度学习·react.js
用户3802258598241 小时前
使用three.js实现3D地球
前端·three.js
程序无bug1 小时前
Spring 面向切面编程AOP 详细讲解
java·前端