【framework-1】在vue3里使用rxjs hot observable进行父子通信

我们这里直接用vue3举例，在vue2中整体用法和这个差不多

• 父组件App.vue
• 子组件/src/component/HelloWorld.vue

(1) 首先我们在父组件里创建两个hot observable实例，以便在子组件上挂载

import {ref,onUnmounted} from "vue"
...
const appSubject = ref(new BehaviorSubject({}));
const rappSubject = ref(new BehaviorSubject({}));

PS - 两个概念：

• 发布订阅：

产品经理韩梅梅拉了一个群，群里边叫上了前端、后台和UI，
韩梅梅发布了一篇文档，韩梅梅就是发布者
群里的其他人接收到了这篇文档，群里的其他人就是订阅者
是一种常用的设计模式

• hot observable

rxjs中的概念，主要是在作为发布订阅的主体
区别于cold observable
cold observable就像听随身听，你打开都能从头听完一首歌
hot observable就像是听现场演唱会，如果来的晚了，只能从现在的演唱曲目听，
前边的过去也就过去了，也就是说前边传递的数据拿不到
这里的BehaviorSubject就是一个hot observable
它区别于Subject这种常规的hot observable，
可以缓存自己传递的最后一个值

(2) 我们在父组件引入HelloWorld子组件，并挂载两个实例

import Hel