最近在做复习vuex的知识,以前是常用promise来解析处理数据,现在想试验一下使用async-await,踩了一些坑,commit提交突变时出现了错误,现在分享一下
async getData({ commit, state }) {
const { data: res } = await axios.get('/user');
var obj = {};
obj = res.object;
for (var [key, value] of Object.entries(obj)) {
state.list.push({
id: key,
detail: [{
name: value.name,
age: value.age
}],
children: [{
height: value.height,
weight: value.height
}]
})
}
commit(types.GETDATA);
}
原来是使用types.GETDATA变量时候,忘记types.js中进行定义了,汗!!!!
记得mutation中的突变函数使用时怎么使用哦,使用ES6的语法这样写,
[types.GETDATA](state) {
.......
}
这里当然可以使用箭头函数呐