vue.js - 如何将道具从父组件直接传递给所有子组件？

Question

例子：

<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>

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

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

标签： vue.jsvue-component

Answer 1

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

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