Vuejs-全球商店设置

Question

我有一个全局存储设置，该设置确定哪个用户角色可以是“管理员”，“编辑者”或“初级编辑者”。

现在我必须导入商店并使用，以使store变量在数据中可用。

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

Answer 1

如果使用Vuex，则可以使用以下命令在任何组件上调用它： this。$ store

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

this。$ store.state.user.role

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

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