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

时间:2018-08-29 22:11:10

标签: javascript vue.js

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

1 个答案:

答案 0 :(得分:1)

这是为 vuex 设计的。

您的共享应用程序状态位于store中,该状态管理组件之间的反应性。

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

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


我喜欢这样查看 vue 中的数据重构:

组件中的第一个data私有,

然后props从父级传入

然后events从子级发送到父级(子级从不更改传入的数据,因此它向上发送事件)

然后,当该父/子模型开始崩溃时,vuex中的$store / state就会超越。