Laravel 和 Vue：由 Laravel 视图拆分的不同 Vue 组件之间的通信

Posted 2023-02-23

【中文标题】Laravel 和 Vue：由 Laravel 视图拆分的不同 Vue 组件之间的通信

【英文标题】：Laravel & Vue: Communication between different Vue components split by Laravel views

【发布时间】：2018-06-21 22:14:37

【问题描述】：

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

【问题讨论】：

我会使用通信总线：medium.com/@jilsonthomas/…

谢谢@El_Matella，这正是我要做的！

【参考方案1】：

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

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

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

【讨论】：

非常感谢。因此对于简单的应用程序，您可以使用事件。在某些情况下，您可能需要Non Parent-Child Communication。对于非常复杂的应用程序，您可以使用state management，例如使用 VueX。

正确。 VueX 对于大多数事情来说都是多余的，但只要你有很多嵌套组件分布在许多页面中，它就会大大简化事情

确实如此，我决定使用它。可以肯定的是，它使我的应用程序更加高效。