当前位置: 首页 > article >正文

vue---消息订阅与发布(pubsub)

一种组件间通信的方式,适用于任意组件间通信

使用步骤:

安装pubsub:npm i pubsub-js

引入:import pubsub from 'pubsub-js'

接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。

订阅消息:

mounted() {

//如果不写this.demo交给vue,那就必须写成箭头函数,不然 this是 undefined,它有一个id,取消订阅必须传
    pubsub.subscribe('xxx',this.demo)   
  }

const pubid =   pubsub.subscribe('xxx',this.demo)   
  }

 methods: {
    demo(data){
        ......
    }
}





取消订阅:
beforeDestroy(){
    PubSub.unsubscribe(pid)
}

提供数据:pubsub.publish('xxx',数据)


http://www.kler.cn/a/153901.html

相关文章:

  • 基于YOLOv8深度学习的独居老人情感状态监护系统(PyQt5界面+数据集+训练代码)
  • 【MYSQL】锁详解(全局锁、表级锁、行级锁)【快速理解】
  • 【含开题报告+文档+PPT+源码】基于springboot的教师评价系统的设计与实现
  • leetcode 面试150之 Z 字形变换
  • 数据科学与SQL:如何计算排列熵?| 基于SQL实现
  • gitlab 服务器集群配置及 存储扩展配置
  • 网络通信原理,进制转化总结
  • SQL Server数据库部署
  • 九、FreeRTOS之FreeRTOS列表和列表项
  • 基于ASP.NET MVC技术的图书管理系统的设计与实现
  • Discuz论坛自动采集发布软件
  • JS中 require 与 import 的区别
  • Android File Transfer for Mac:畅享强大的安卓文件传输工具
  • Sock0s1.1
  • ssh连接docker容器处理备忘
  • python处理日期和时间
  • C++模版
  • android开发:获取手机IP和UDP广播
  • 支持Upsert、Kafka Connector、集成Airbyte,Milvus助力高效数据流处理
  • 3D建模基础教程:常用修改器讲解:FFD、壳、法线、uvw展开等
  • 「Verilog学习笔记」整数倍数据位宽转换8to16
  • 抽奖送平板是骗局!!!
  • 百度智能云文字识别使用问题解决合集
  • Tlog SpringBoot3.x版本无法正常打印TraceId等数据
  • Elasticsearch:么是向量嵌入?
  • 初探webpack之单应用多端构建