Vue.js 如何在组件vue中抛出脚本之前设置完整状态

也许这很简单，但我在前端是新手。我有一个页面组件。我需要在计算组件之前获取数据

从“vuex”导入{mapActions，mapGetter}
导出默认值{
名称：“notFoundPage”，
方法：{
…映射操作([
“从类别中获取子类别”
]),
},
计算：{
…地图绘制者([
“子类别”
]),
子类别（）{
//使用存储中已更新的子类别执行某些计算
}
返回结果；
}
},
创建（）{
这个。从_CATEGORIES（）中获取_子类别
>***/从这里我们去商店**
},
安装的（）{
这个。从_CATEGORIES（）中获取_子类别
}
}

商店：

let store=new Vuex.store({
声明：{
类别：[]，
子类别：[]
},
突变：{
将类别设置为状态：（状态，类别）=>{
state.categories=类别；
},
将子类别设置为状态：（状态，子类别）=>{
state.subcategories=子类别；
}
},
行动：{
从_API（{commit}）获取_类别{
返回axios（'http://localhost:3000/categories',
{
方法：“获取”
})

但在这里，编译器返回到组件。我不知道它为什么不完成此操作。在计算组件中的计算块后，它返回到此点。但我需要“将类别设置为状态”已经更新

。然后（（类别）=>{
提交（'SET_CATEGORIES_TO_STATE'，CATEGORIES.data）
退货类别；
}).catch（（错误）=>{
console.log（错误）；
返回误差；
})
},
从_类别（{commit}）获取_子类别{
this.dispatch（'GET\u CATEGORIES\u FROM\u API'）。然后（CATEGORIES=>{
让subs=categories.data.map（函数（类别）{
返回类别.子类别.映射（函数（子类别）{
返回subcategory.name
})
})
提交（'SET_SUBCATEGORIES_TO_STATE'，subs）
返回接头
})
}
},
吸气剂：{
类别（州）{
返回状态。类别；
},
子类别（州）{
返回状态。子类别；
}
}

如果您在计时和异步任务方面有困难，为什么不使用

您希望在

异步

函数中等待（例如调用后端获取数据），直到获取数据。然后您希望操作/删除/更改/添加，对该数据执行任何操作，并在屏幕上显示结果

关键是，Vue是一个反应式框架，这意味着它会在计算完成后自行重新发布（如果设置正确的话）内容。所以不要担心类似的事情

老实说，这个问题问得很奇怪。而且你的代码很难读懂。有时候后退两步，然后尝试另一种方法也不是错的