Vuex模块化
store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
Vue.use(Vuex)
const modulesFiles = require.context('./modules', true, /\.js$/)
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
const value = modulesFiles(modulePath)
modules[moduleName] = value.default
return modules
}, {})
const store = new Vuex.Store({
modules,
getters
})
export default store
store/modules/index.js
export default {
namespaced: true,
state:{/*数据*/
data:{
data1:"data1"
}
},
mutations:{},
actions:{}
}
store/getters.js
export default {
myData: state => state.index.data.data1,
}
- 避免模块过多时需要一个个引入