1、安装vuex
npm install vuex --save
2、在main.js中进行配置,引入3步骤创建的目录
import Vue from 'vue'
import App from './App'
import store from './store'
new Vue({
el: '#app',
store,
components: { App },
template: '<App/>'
})
3、在src目录下创建store目录,建立index.js,如下图所示
4、配置index.js,引入vue和vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
}
})
5、建立商店管理模块
6、在controller.js编写五大属性,具体大家可参考官网https://vuex.vuejs.org/
const state = {
}
const mutations = {
}
const actions = {
}
const getters = {
}
export default {
namespaced: true,
state: state,
mutations: mutations,
actions: actions,
getters: getters
}
7、返回在index.js把模块引进去
import Vue from 'vue'
import Vuex from 'vuex'
import auditStore from './audit/controller'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
auditStore
}
})
8、大功告成,有问题大家可以回复或者私信我!