Vue - Vuex 모듈 파일구조

vuex를 보다 간편하게 사용하기 위해서 파일구조를 만들었다.

store 하위에 modules라는 폴더를 만들어 Vuex파일을 관리하며

index.js파일에서 Vuex파일에 접근을 가능하게 해준다.

 

 

1. index.js

- store -> modules에 있는 Vuex파일에 접근이 가능하도록 설정해준다.

import Vue from 'vue'
import Vuex from 'vuex'
// 테스트 소스
import SampleUsers from './modules/SampleUsers'
import Auth from './modules/Auth'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    SampleUsers: SampleUsers,
    Auth: Auth
  }
})

export default store

 

2. store -> modules 하위에 Vuex파일을 생성하여 작업을 한다.