vue2 项目架构--store（五）

src/store/index.js  结构如下

import Vue from 'vue';
import Vuex from 'vuex';
import { getToken, setToken, removeToken } from '@/utils/auth';
import user from './modules/user';
import app from './modules/app';
import settings from './modules/settings';
import permission from './modules/permission';
import getters from './getters';

Vue.use(Vuex);

const store = new Vuex.Store({
  modules: {
    user,
    app,
    settings,
    permission
  },
  getters
});

export default store;

 

src/getter.js

const getters = {
  sidebar: state => state.app.sidebar,
  device: state => state.app.device,
  token: state => state.user.token,
  avatar: state => state.user.avatar,
  name: state => state.user.name
}
export default getters

 

 src/modules

 --app.js
 --user.js