在父级调用rest api后如何更新子级？

Question

我是 react.js 开发人员，目前正在使用 vue.js。 可能 react.js 的观点让我感到困惑，或者我还不擅长 vue.js。 你能帮我解决这个问题吗：

（正如我在反应中所做的那样）我有一个根元素，负责与服务器通信并管理数据并将它们传播给孩子。 这将一直持续到这棵树中的最后一个孩子得到它的数据。 但问题是更新父级中的数据时，其子级无法通知。 所以我使用一些观察者和一个键来强制更新和函数来处理这个观察者。 我的问题是，在 vue.js 中这样工作真的很难还是我以错误的方式工作？

我的父组件是这样的：

<template>
    <div class="main-page">
        <left-sidebar v-bind:config="allIntranetEditions" />
        <main-content v-bind:config="mainContentConfig" :key="runIndex" />
    </div>
</template>
....
data(){
            return {
                currentIntranetEditions: [],
                allIntranetEditions: [],
                mainContentConfig:{
                    sharedContents: []
                },
                runIndex: 0
            }
        },
        mounted(){
            IntranetResource.fetch().then(editions => {
                editions.sort((e1, e2) => e1.name.toLowerCase().localeCompare(e2.name.toLowerCase()))
                this.allIntranetEditions = editions;
                this.currentIntranetEditions = editions;
            });
        },
        watch: {
            currentIntranetEditions: {
                handler: function(){
                    this.refreshSharedContent()
                }
            },
            mainContentConfig:{
                handler: function(){
                    console.log(this.mainContentConfig);
                    this.runIndex++
                }
            }
        },
        methods:{
            refreshSharedContent(){
                MainPageResources.getSharedContents(this.currentIntranetEditions).then(response => {
                    console.log("=====>", response)
                    this.mainContentConfig = {
                        sharedContents: response.data.sharedContentItemDtos
                    }
                })
            }
        }

...

这里获取一些数据并将它们发送到我的第一个组件左侧边栏，但是在获取它们后左侧边栏不起作用，我应该放置一个密钥和一个观察者并更新该密钥以更新它们！

再次更新我使用第一个 api 的结果作为参数的其他组件，我应该再次拥有所有这些代码。

在通过使用钩子做出反应时，我在挂载中只有一个赋值语句，然后就完成了！

我的问题与我的这篇文章有关：

数据在下一行消失