Javascript 链接两个Vue.js组件

我有一个单独的文件组件，用于显示数据，另一个用于编辑相同的数据。视图具有标签和段落，其中编辑组件具有输入和文本区域

这两个组件采用相同的数据对象。是否有一种方法可以通过编辑字段（与编辑组件中的

v-model

绑定）将更改反映到视图组件中

例如，下面是我的

段落.vue

，用于显示数据

<template>
    <div class="row">
        <div class="col-xs-12">
            <p>{{ text }}</p>
        </div>
    </div>
</template>

{{text}}

这是编辑对话框

<template>
    <div class="form-group">
        <label for="paragaph-text">Paragraph</label>
        <textarea id="paragaph-text" class="form-control" v-model.trim="text"></textarea>
    </div>
</template>

段落

如果有多个组件使用相同的数据，则可以使用共享状态，如中所述

---

但是如果组件数量增加，并且发生了许多变化，您可能需要一个集中的状态管理，如，这在due community中通常是首选的。

如果它们具有相同的父组件，则可以使用事件来表示新段落的值。如果要使用事件，请阅读官方文档中的组件道具和自定义事件。我想你正在寻找解决方案。当然，集中式状态管理（使用vuex）也是一个很好的解决方案。