如何在 Vue 中的多个子组件中传递共享道具？

Question

In react I can declare some object...

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

...and then pass it to several child components like this:

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

How can I do this in Vue?

Note that I'm not interesting in v-bind:shared_props="shared_props" because it's not the same.

Answer 1

You can do it in this way:

<ChildComponent1 v-bind="shared_props" />

see more answers: https://github.com/vuejs/vue/issues/4962