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

时间:2017-12-22 03:26:11

标签: javascript vue.js vuejs2 vue-component vuex

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

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

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

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

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

谢谢。

1 个答案:

答案 0 :(得分:0)

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

  1. 将事件用于父/子组件:doc
  2. 如果组件之间使用事件总线:doc
  3. 使用Vuex