Vue.js更改整个其他组件中的数据

Question

我的vue.js组件结构如下：

<wrapper>
    <component-one></component-one>
    <component-two></component-two>
</wrapper>

我需要在component-one中设置在component-two中接收到的数据。

我正在使用Laravel Nova，所以我只能将代码更改/添加到component-one，不能将侦听器添加到component-two，因为它位于我的node_modules地图中。

还有其他技巧可以实现吗？

请让我知道！

Answer 1

您可以在两个组件之间共享一个值，如下所示：

<wrapper>
  <component-one model="data"></component-one>
  <component-two model="data"></component-two>
</wrapper>