问题截图:
结构布局:(我是拆分的index.js ,四个配置项分来的)
import Vue from 'vue'
// import vueConfig from 'vue.config'
import Vuex from 'vuex'
Vue.use(Vuex)
import state from "./state.js"
import * as mutations from "./mutations.js"
import * as getters from "./getters.js"
import * as actions from "./actions.js"
const Store = new Vuex.Store({
state,mutations,getters,actions
})
export default Store // 导出
仔细比对文件名和结构名,都没有错误,绞尽脑汁的时候,开始怀疑是不是我mutations.js的定义有问题?
原来是这样写的mutations.js
const mutations = {
add(state) {
state.count++
},
reduce(state) {
state.count--
}
}
打印出store之后 确实没有mutations的数据:
那就可以确定是mutations.js是我定义错了,我能猜到是格式的问题
解决:参考其他的外部引用格式,每个函数前加了export :
export function add(state){
state.count++
}
export function reduce(state){
state.count--
}
在进行打印: