也可以使用这种方法
Vue全局事件总线(任意组件间通信)
这种比较繁琐
安装命令
npm i pubsub-js
全局使用
import PubSub from 'pubsub-js'
Vue.prototype.$pubsub = PubSub
发送消息
Login.vue文章来源:https://www.toymoban.com/news/detail-732227.html
methods: {
login()
{
this.$pubsub.publish('getUserId', '13169463709')
}
}
接收消息
User.vue文章来源地址https://www.toymoban.com/news/detail-732227.html
created() {
this.$pubsub.subscribe('getUserId', (funName,user_id) => {
// this.$pubsub.subscribe('getUserId', (_,user_id) => {
//消息名可以使用_占位
console.log(user_id)
})
},
beforeDestroy() {
this.$pubsub.unsubscribe(this.$pubsub)
//销毁
}
到了这里,关于Vue 消息订阅与发布 (任意组件间通信)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!