【问题标题】:Laravel & Vue: Communication between different Vue components split by Laravel viewsLaravel 和 Vue:由 Laravel 视图拆分的不同 Vue 组件之间的通信
【发布时间】:2018-06-21 22:14:37
【问题描述】:

我在我的 Laravel 项目中到处都在使用 Vue。我在 app.js 中注册了几个视图,以及这些视图中的十几个组件。在这些组件中,我有更多组件。现在,当我希望一个组件与另一个组件进行通信时,有趣的部分就开始了。鉴于这些组件由不同的 laravel 视图分隔(通过包含),在不同 Vue 组件之间交换信息的最有效方法是什么?

【问题讨论】:

标签: laravel vue.js components communication


【解决方案1】:

当状态发生变化时,让项目中的许多组件更新的正确方法是使用 VueX。

VueX 将您的整个应用程序状态、方法等移动到您的组件可以利用的集中位置。

https://vuex.vuejs.org/en/intro.html

【讨论】:

  • 非常感谢。因此对于简单的应用程序,您可以使用事件。在某些情况下,您可能需要Non Parent-Child Communication。对于非常复杂的应用程序,您可以使用state management,例如使用 VueX。
  • 正确。 VueX 对于大多数事情来说都是多余的,但只要你有很多嵌套组件分布在许多页面中,它就会大大简化事情
  • 确实如此,我决定使用它。可以肯定的是,它使我的应用程序更加高效。
猜你喜欢
  • 2017-03-25
  • 2018-09-10
  • 2021-12-29
  • 2019-03-02
  • 2018-12-12
  • 2021-02-02
  • 2021-04-26
  • 2021-02-07
  • 2018-09-06
相关资源
最近更新 更多