javascript - 从另一个 javascript 文件调用 Vuex Getters

Question

在/store/user/getters.js 中:

function getLoggedIn (state) {
  return state.loggedIn
}

在另一个文件:router-auth.js 中，我尝试像这样获取 getters.getLoggedIn 的值(true 或 false):

import user from '../store/user'
const loggedIn = user.getters.getLoggedIn
console.log(user.getters.getLoggedIn)

奇怪的是，它返回函数的源代码而不是状态值!当我打印 user.getters 的日志时，它确实列出了函数。

Answer 1

您需要访问商店的实例。

const myStore = new Vuex.store({...});

myStore 是实例。

假设您的商店看起来像

store.js

import Vue from "vue";
import Vuex from "vuex";
import user from "./user";

Vue.use(Vuex);

const store = new Vuex.Store({
  modules: {
    user
  }
});

export default store;

您可以通过从 store.js 导入 store 来访问该实例。

router-auth.js

import store from './store.js';

function someAuthFunction() {
    console.log(store.getters.getLoggedIn);
}

一个简单的demo在 CodeSandbox 上