当vuex遇见async-await

最近在做复习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) {

.......

}

这里当然可以使用箭头函数呐

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容