javascript - 以编程方式跨不同页面显示 vue 组件中的数据

Question

对于我当前的项目，我们有一个放在 components 文件夹中的 navbar.vue。然后我们所有的页面都列在 layouts 文件夹下。目前 vue 应用程序由 main.js 文件运行，该文件将导航栏放置在每个页面上。导航栏中显示的每个页面上是否可以有不同的数据，但是这些信息也可以被视为每个页面上的事件点击和切换反应？

标签： javascriptvue.js

Answer 1

这是vuex的目的。

您的共享应用程序状态驻留在store管理组件之间的反应性的 中。

https://vuex.vuejs.org/guide/

您将从$store导航栏和组件中获取数据。

---

我喜欢这样看待vue中数据的重构：

首先data在一个组件中，并且是私有的

然后props从父级传入

然后 events从子级发射到父级（子级永远不会改变传入的数据，因此它会向上发送事件）

当这个父/子模型开始分崩离析时，然后$store/state从 vuex 超越。