vue3 中，如何使用 MQTT 或 websocket 统一接收数据，页面中单独处理数据
mqtt.js
const onConnected = () => {
onMessage();
}
const onMessage = (data) => {
const {obj1,obj2} = data
// 如何在这里将 obj1 数据传递 page1 ，将 obj2 数据传递 page2
}
page1
在这里只接收 obj1 数据
page2
在这里只接收 obj2 数据
 |
1
vace Mar 26, 2023
1. pinia 或者 vuex 之类的状态管理同步
2. event bus: https://v3-migration.vuejs.org/breaking-changes/events-api.html bus.$emit('message-1', obj1) bus.$emit('message-2', obj2) page1: bus.$on('message-1', ...) page2: bus.$on('message-2', ...) |
 |
2
pubby Mar 26, 2023 via iPhone
vuex 之类的，在 app 里 commit 消息
page 里各自 subscribe ，取需要的数据 |
 |
3
hb1988 Mar 27, 2023
补充 rxjs ; customEvent ；
|
 |
4
musi Mar 27, 2023
存到 store 里，然后页面自己拿
|
 |
5
erhsilence Mar 27, 2023
mitt
|
 |
9
jahnsli OP @erhsilence 想到这个，但不知道还有没有更好的方案
|
 |
11
lingxiaoli Mar 27, 2023
@jahnsli #8 你就是用两个文件来定义 store 来存 最后还是在内存里 不清楚你所谓的不臃肿意义在哪里?
|
 |
13
rm0gang0rf Apr 3, 2023
在下全局变量了，刚刚写完。。是不是很 low~
|
Select Language