使用道具传递给多个子组件的最佳方式
Best way to use props passing to multiple children componets
在编辑产品页面时，我的父组件包含 created_at 和 updated_at 的表单组件和详细信息组件。
表单用于编辑现有数据，详细信息组件将在表单旁边。
我之前没有详细组件，所以我从表单组件获取数据并在组件中使用它，但是我需要一些详细组件中的数据，它是表单组件父级的子组件。
所以我将 fetch axios 移动到父组件并将数据传递给两个子组件。
是这样更好还是在form组件和detail组件都发送axios请求更好？
该表格也用于添加新产品。
我的意见是，您应该尽可能从最高级别发出请求。这样您的子组件（构建块）可以独立于您当前的上下文工作。它被称为展示组件，它的作用是输出一些标记。容器组件将数据提供给展示组件，使数据流从上到下很好地流动。
总之，您做对了！但是你应该小心，当你的数据在编辑表单中发生变化时，你可能想再次触发对父级的请求，以便为整个应用程序更新数据。 Vuex 极大地促进了这种流程。它作为您的整个应用程序可以依赖的单一事实（数据）来源。
在编辑产品页面时，我的父组件包含 created_at 和 updated_at 的表单组件和详细信息组件。
表单用于编辑现有数据，详细信息组件将在表单旁边。
我之前没有详细组件，所以我从表单组件获取数据并在组件中使用它，但是我需要一些详细组件中的数据，它是表单组件父级的子组件。
所以我将 fetch axios 移动到父组件并将数据传递给两个子组件。
是这样更好还是在form组件和detail组件都发送axios请求更好？
该表格也用于添加新产品。
我的意见是，您应该尽可能从最高级别发出请求。这样您的子组件（构建块）可以独立于您当前的上下文工作。它被称为展示组件，它的作用是输出一些标记。容器组件将数据提供给展示组件，使数据流从上到下很好地流动。
总之，您做对了！但是你应该小心，当你的数据在编辑表单中发生变化时，你可能想再次触发对父级的请求，以便为整个应用程序更新数据。 Vuex 极大地促进了这种流程。它作为您的整个应用程序可以依赖的单一事实（数据）来源。