다른 javascript 파일에서 Vuex Getters 호출

다른 javascript 파일에서 Vuex Getters 호출

/store/user/getters.js:

function getLoggedIn (state) {
  return state.loggedIn
}

다른 파일 router-auth.js에서는 getters.getLogged를 취득하려고 합니다.In 값(true 또는 false)은 다음과 같습니다.

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

이상하게도 주 값 대신 함수의 소스 코드를 반환합니다!로그를 인쇄할 때user.getters에 기능이 표시됩니다.

스토어 인스턴스에 액세스해야 합니다.

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

여기서myStore는 인스턴스입니다.

당신의 가게가 다음과 같이 생겼다고 가정하면

store.displaces를 설정합니다.

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부터store.js.

router-auth.displaces

import store from './store.js';

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

Code Sandbox에 대한 간단한 데모

언급URL : https://stackoverflow.com/questions/63177298/call-vuex-getters-from-another-javascript-file