一般做项目的时候我们有公用的参数，还有各模块自己的参数
一：首先是公用参数的拆分城四个JS
然后states.js如下
export default {
count:0,
name: ‘张三‘
}
mutations.js如下
export default { addName(state,obj){ state.name=obj.name; state.count=obj.count; } }
actions.js如下
import axios from ‘axios‘ export default { addNameAction({commit}){ axios.get("http://localhost/ddd") .then(res=>{ commit(‘addName‘,{name:res.data.name,count:res.data.count}) }).catch(error=>{ console.log(error) }) } }
接下来就是导入store.js如下
import Vue from ‘vue‘ import Vuex from ‘vuex‘ import axios from ‘axios‘ import ‘../mock.js‘ import state from ‘./states.js‘ import mutations from ‘./mutations.js‘ import actions from ‘./actions.js‘ // Vue.prototype.$http=axios; Vue.use(Vuex); export default new Vuex.Store({ state, mutations, actions })
这样我们就完成了，vue调用还像之前的调用
二：业务中一个模块的导入
我们新建个modules的文件夹，然后再新建个JS，名字自己起,我就叫dataCenterChiren
dataCenterChiren.js代码如下
export default { state:{ minority:"汉族" }, mutatons:{}, actions:{}, getters:{} }
store.js导入如下
业务中vue调入是这么写的
是不是如此简单，但是刚摸索还是折腾了一点时间的。O(∩_∩)O哈哈~
原文：https://www.cnblogs.com/binmengxue/p/12206363.html