Vue：如何在不失去响应式的情况下合并两个响应式对象

可以使用 toRefs至 “将反应性对象转换为简单对象，其中 结果对象是指向相应属性的ref 原始对象”。

1. const useFeatureX = () => {
2. return Vue.reactive({
3. x1: 2,x2: 3
4. });
5. };
6. ``
7. const useFeatureY = () => {
8. return Vue.reactive({
9. y1: 1,y2: 2
10. });
11. };
12. ``
13. const App = {
14. setup() {
15. return { ...Vue.toRefs(useFeatureX()),...Vue.toRefs(useFeatureY()) };
16. }
17. };
18. ``
19. Vue.createApp(App).mount("#root");