vue任意关系组件通信与跨组件监听状态vue-communication

drug94501 12 0 pdf 2021-05-13 13:05:52

众所周知,组件式开发方式给我们带来了方便,不过也引入了新的问题,组件之间的数据就像被一道无形的墙隔开,如果我们希望临时让两个组件直接通信,vuex 太巨,而 $emit 又不好维护 provider 不可控 这个时候就该今天的主角 vue-communication 登场了!安装引入视频教程该组件暴露两个主要 API 一个是发送者 $sender 一个是接受者 $receiver ,所有的通信都通过这两个方法来实现,这里希望大家将 $sender 理解成发送意图的发送者,他发送的是意图,意图就是希望做一件什么事情。如果你要改 obj 对象下的 name 那么可以写成 this.$sender如果你要修改多次可以参照 data 意图的示例,使用 modify 意图修饰符即可,注意,目前修改是没有回调的,如果你想知道数据什么时候被修改,可以自己在组件内部监听。

vue任意关系组件通信与跨组件监听状态vue-communication

vue任意关系组件通信与跨组件监听状态vue-communication

用户评论
请输入评论内容
评分:
暂无评论