步骤一: 组件中,挂载时 store分发任务
//页面挂载时候,分发任务:获取目录数据
mounted(){
this.$store.dispatch('categoryList');
},
步骤二:vuex中,编写actions代码,获取数据库数据+逻辑判断
const actions={
async categoryList(context){
//通过await调用异步函数时,直接将promise的数据返回
const result=await reqCategoryList()
if(result.code==200){
context.commit('CATEGORYLIST',result.data);}
}
};
步骤三:编写mutations代码,获取修改数据
const mutations={
CATEGORYLIST(state,categoryList){
//将数据存储到vuex中
state.categoryList=categoryList;
}
};