如何在 Vue 中的多個子組件中傳遞共享道具？

Question

在反應中我可以聲明一些 object ...

const shared_props = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3',
};

...然后像這樣將它傳遞給幾個子組件：

<ChildComponent1 {...shared_props} />
<ChildComponent2 {...shared_props} />
<ChildComponent3 {...shared_props} />

我怎樣才能在 Vue 中做到這一點？

請注意，我對v-bind:shared_props="shared_props"不感興趣，因為它不一樣。

Answer 1

你可以這樣做：

<ChildComponent1 v-bind="shared_props" />

查看更多答案： https://github.com/vuejs/vue/issues/4962