-
一种组件间通信的方式,适用于 任意组件间通信。
-
使用步骤:
安装:
引入:pubsub: npm i pubsub-js
-
import pubsub from 'pubsub-js'
接收数据: A 组件向接收数据,则在 A 组件中订阅消息,订阅的回调留在 A 组件自身
-
methods(){ demo(data){....} } .... mounted(){ this.pid = pubsub.subscribe('xxx',this.demo) // 订阅消息 }
提供数据:
-
pubsub.publish('xxx',数据)
最好在 beforeDestroy 钩子中,用 PubSub.unsubscribe(pid)去取消订阅
PubSub.unsubscribe(pid)
nextTick:
-
语法: this.$nextTick(回调函数)
-
作用:在下一次 DOM 更新结束后执行其指定的回调
-
什么时候用:当改变数据后,要基于更新后的新 DOM 进行某些操作时,要在 nextTick 所指定的回调函数中执行