在子组件和父组件Vue js之间共享值

Question

我有两个组件（两个数据表），我想在它们之间共享v模型。我知道如何从孩子那里更新父母，但可以从孩子父母那里做同样的事情吗？ 这是一些代码：

<ChildDataTable 
           v-model="childselected"
           @selected="selected=$event" >
</ChildDataTable>
<ParentDataTable  
           v-model="parentselected">
</ChildDataTable>

这样，当我更改子选中的父项时，它会很好地工作，但是，有一种方法可以从父项中修改它，并且它会同时从子项中收到？

谢谢。

Answer 1

Vue的反应性应更新变量。因此，您可以在每个组件中更改两个模型

<ChildDataTable 
           :parentselected="parentselected"
           v-model="childselected"
           @selected="selected=$event" >
</ChildDataTable>
<ParentDataTable  
           v-model="parentselected"
           :childselected="childselected">
</ChildDataTable>

注意：直接更改模型时，可能需要setter