1.count.js
const count = {
state: {
count:0
},
mutations: {
increment:state => state.count++,
decrement:state => state.count--
},
getters:{
increment(state){
return state.count ++
},
decrement(state){
return state.count --
}
},
}
export default count
2.index.js
// 如果在模块化构建系统中,请确保在开头调用了 Vue.use(Vuex)
import Vue from 'vue';
import Vuex from 'vuex';
//模块
import count from './modules/count'
Vue.use(Vuex)
const store = new Vuex.Store({
modules:{
count
},
})
export default store
3.count.vue
export default {
created() {
console.log(this.$store)
}
}
4.报错
Store.state