如何将父母的道具直接传递给所有儿童组件？

Question

实施例

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

父 - component.vue：

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

<script>
export default {

  //code

};
</script>

*这里我想直接传递这些道具（prop1，prop2），而不需要像这样在父组件中编写它们：

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

Answer 1

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

您仍然可以使用Global Event Buss简单地管理所有这些状态。如果您不想使用Vuex，Global Event Bus对您的应用程序来说非常简单。在这种情况下，您的props1, props2将全局存储，并且您的孩子可以轻松访问子组件，而无需使用道具。