详解vuex commit保存数据技巧

// mutations中的函数
save(state, { path, data }) {
 if (!path ) {
 throw new Error('need path')
 }
 const keyPath = path.split('.')
 let needSave = state
 for (let i = 0; i < keyPath.length - 1; i++) {
 needSave = needSave[keyPath[i]]
 if(!needSave) {
 throw new Error(`error path: ${keyPath[i]}`)
 }
 }

 needSave[keyPath[keyPath.length - 1]] = data
},
// 使用
vuex.mit('save', {path:'a.b.c', data:val})
// 结果
state.a.b.c = '我是需要保存的数据'

//如果要双向绑定某个vuex中的值。
<input v-model="c">
 
//script
 
puted: {
 c: {
  get(){
   return vuex.state.a.b.c
  }, 
  set(val) {
   vuex.mit('save', {path:'a.b.c', data:val})
  }
 } 
}
// 这样就做到了在组件中双向绑定，并且使用mit改变state中的值，vuex使用严格模式也不会报错了。