- 创建module
store.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const state = {
count: 1
}
const mutations={
add(state,n){
state.count+=n
},
reduce(state,n){
state.count-=n
}
}
const getters={
count(state){
console.log(state.count)
return state.count
}
}
const actions={
addAction(context){
context.commit('add',10)
context.commit('reduce',1)
},
reduceAction({commit}){
commit('reduce',10)
}
}
const module={
state,mutations,getters,actions
}
export default new Vuex.Store({
modules:{a:module}
})
- 使用module
基本上和不使用modules无差别
只有在使用this.$store.state时,才会有所不同
{{$store.state.a.count}}