对于具有 API 的 CRUD 运算符,使用 VUEX (nuxt.js) 的最佳解决方案是什么?

What is best solution use VUEX (nuxt.js) for CRUD operators with API?

使用 VUEX 和 AXIOS 删除、编辑、检索和创建记录的最佳解决方案是什么? 我认为这是最好的和最符合逻辑的架构是什么? 如果可能的话给我例子 谢谢

推理 Vuex 模块的一种方法是将它们视为各种资源的表示,通常由后端模型表示。例如,您可以有一个 user 模块、一个 article 模块或一个 movie 模块,具体取决于您的应用程序。

然后,您可能需要为每个 CRUD 操作执行一个操作。对于 R,阅读,您可能想要使用两个:一个用于获取单个条目,另一个用于获取项目列表。

假设您正在处理电影。您很可能需要五个可以命名如下的操作:fetchMoviesfetchMoviecreateMovieupdateMoviedeleteMovie.

其中每一项都必须是 async 操作,您将 await 来自 axios 呼叫的响应。

获得响应后,您需要为每个操作设置相关的突变,您可以在其中相应地修改状态。

这是对您的方法的非常基本的描述,Vuex 和 Nuxt 都相当灵活。

我建议你通读 Vuex 文档和 Nuxt 文档中与 Vuex 相关的部分,它们都写得很好,涵盖的内容比我在这里所能涵盖的要多得多。