时间戳

首页 > 解决方案 > Vuejs - 全局存储设置

vue.js - Vuejs - 全局存储设置

问题描述

我有一个全局商店设置，它确定哪个用户角色可以是“管理员”、“编辑”或“初级编辑”。

我必须导入我的商店并使用使数据中的商店变量可用的那一刻。

有没有办法公开我所有的组件？

标签： vue.jsglobal-variablesvuex

解决方案

如果使用 Vuex，你可以在任何组件上调用它：this.$store

例如，在具有“用户”模块且数据称为“角色”的应用程序中，它将是：

this.$store.state.user.role

无需将 store 导入每个组件。它应该被注入到您的主应用文件（main.js 或 index.js）中，例如：

new Vue({
  el: '#app',
  router,
  store
})

推荐阅读