如何将道具从父组件直接传递给所有子组件？答案

【问题标题】：How to pass a prop from parent directly to all children components?如何将道具从父组件直接传递给所有子组件？
【发布时间】：2018-11-25 21:56:38
【问题描述】：

示例：

<parent-component :prop1="hello" :prop2="hello2">
</parent-component>

父组件.vue：

<template>
  <div>
    <child1-component :obj1="prop1"></child1-component>
    <child2-component :obj2="prop2"></child2-component>
  </div>
</template>

<script>
export default {

  //code

};
</script>

*这里我只想直接传递这些props (prop1, prop2)，而不需要像这样写在parent-component里面：

props: ["prop1", "prop2"],

【问题讨论】：

如果你想在你的案例中使用道具将它传递给孩子，你必须使用props选项注册它们。
@Vamsi Krishna，还有其他方法吗？因为，在父组件中使用 props oprion 太多了，在子组件中也使用它...
如果组件嵌套过多，您可以考虑使用vuex 之类的状态管理系统，或者如果您的应用很小，则可以创建一个简单的state management
看看我关于$attrs和inheritAttrs、stackoverflow.com/questions/47069902/…的回答的下半部分
@Eric Guan，这就是我要找的……你救了我！

标签： vue.js vue-component

【解决方案1】：

如果不使用 props 或任何类型的状态管理，您将无法传递给所有这些子组件。

您仍然可以使用Global Event Buss 简单地管理所有这些状态。如果您不想使用 Vuex，全局事件总线对于您的应用程序来说已经足够简单了。在这种情况下，您的 props1, props2 将被全局存储，您的子组件可以轻松访问子组件，而无需使用道具。

【讨论】：