vue组件间的通信之pubsub-js

2021-04-13 13:27

阅读：377

标签：publish false win his class lis this bsp div

本文介绍使用发布订阅的方式进行vue组件间的通信

我认为这种方式比较自由，不存在组件间的关系问题

1. 首先安装pubsub-js

npm install --save pubsub-js

2. 订阅方组件

  import PubSub from ‘pubsub-js‘

    mounted(){ // 执行异常代码
      // 订阅消息
      PubSub.subscribe(‘deleteTodo‘,(msg,index)=>{
        this.deleteTodo(index)  // 调用deleteTodo方法执行真正的业务逻辑
      });
    },

3. 发布方组件

vue组件间的通信之pubsub-js

标签：publish false win his class lis this bsp div

原文地址：https://www.cnblogs.com/z-qinfeng/p/12387268.html

上一篇：184、HTML中，PDF版报告的展示和下载

下一篇：几行php代码把数据格式化成树形结构

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vue组件间的通信之pubsub-js
文章链接：http://soscw.com/index.php/essay/75212.html

亲，登录后才可以留言！

vue组件间的通信之pubsub-js

评论

热门文章

推荐文章

最新文章

置顶文章