避免多次将相同的道具传递给子组件Vuejs

问题描述 投票:1回答:1

我试过寻找一段时间,但找不到可能已存在的答案。

在我的应用程序中,我发现我必须反复将相同的道具传递给不同的子组件。例如,我可能有一种方法可以在父组件中切换模态可见性。然后一些子组件可能需要访问此方法来切换模态。

<nav-bar 
  :toggleForm='toggleForm'>
</nav-bar>
<header-content
  :toggleForm='toggleForm'>
</header-content>

有没有办法避免重复?因为我还必须在不同的子组件中编写相同的道具类型检查和验证。这感觉好像很多重复。

我是否必须使用Vuex来解决这个问题?或者可以在不添加状态管理系统的情况下解决?

谢谢。

javascript vue.js vuejs2 vue-component vuex
1个回答
0
投票

谢谢你的回答。经过一些基于答案的搜索后,这些是少数解决方案。

  1. 将事件用于父/子组件:doc
  2. 如果它在组件之间使用事件总线:doc
  3. 使用Vuex
© www.soinside.com 2019 - 2024. All rights reserved.