站长目录

vue组件之间通信之消息订阅与发布插件Pubsub.js


更新时间:2022-04-15 11:46:19 / 浏览:

vue组件之间的关系有父子组件、同级组件以及孙父子三级关系、还有更复杂的四级、五级关系,那他们之间的数据以及方法如何传递,也就是父子组件、同级组件、孙子组件等如何调用各自的变量、方法呢?前面博主已经讲了同组件和父子组件的交互,那如果两个没有任何关系的组件或者更复杂的孙与子的三级组件、四级组件之间怎么交互?这时再用前面所说的方法已经做不到了或者说很难实现了这时就要用消息订阅与发布组件Pubsub了,他可以在任意组件之间实现交互

首先在终端使用一下指令安装PubSub

安装成功就能在这里看到pubsub-js

vue组件之间通信之消息订阅与发布插件Pubsub.js

在要使用的组件中引入pubsub-js,这个不能全局引入只能哪个组件中使用就在哪个组件中引入,使用PubSub.publish(name,data);发布消息

在需要订阅的组件中使用PubSub.subscribe(name,function)订阅消息

为什么不能全局引用?

可能是我用的版本问题


相关标签: emipjsPubsub.jsvuewhitespacewhitespace:nowrap指令消息订阅与发布JS

上一篇:PHP环境安全加固方案之php.ini文件的配置...
下一篇:高端酷炫实木家具类响应式网站html模板...

发表评论

温馨提示

做上本站友情链接,在您站上点击一次,即可自动收录并自动排在本站第一位!
<a href="https://www.zzdir.com/" target="_blank">站长目录</a>