对于具有 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
,阅读,您可能想要使用两个:一个用于获取单个条目,另一个用于获取项目列表。
假设您正在处理电影。您很可能需要五个可以命名如下的操作:fetchMovies
、fetchMovie
、createMovie
、updateMovie
、deleteMovie
.
其中每一项都必须是 async
操作,您将 await
来自 axios
呼叫的响应。
获得响应后,您需要为每个操作设置相关的突变,您可以在其中相应地修改状态。
这是对您的方法的非常基本的描述,Vuex 和 Nuxt 都相当灵活。
我建议你通读 Vuex 文档和 Nuxt 文档中与 Vuex 相关的部分,它们都写得很好,涵盖的内容比我在这里所能涵盖的要多得多。
使用 VUEX 和 AXIOS 删除、编辑、检索和创建记录的最佳解决方案是什么? 我认为这是最好的和最符合逻辑的架构是什么? 如果可能的话给我例子 谢谢
推理 Vuex 模块的一种方法是将它们视为各种资源的表示,通常由后端模型表示。例如,您可以有一个 user
模块、一个 article
模块或一个 movie
模块,具体取决于您的应用程序。
然后,您可能需要为每个 CRUD 操作执行一个操作。对于 R
,阅读,您可能想要使用两个:一个用于获取单个条目,另一个用于获取项目列表。
假设您正在处理电影。您很可能需要五个可以命名如下的操作:fetchMovies
、fetchMovie
、createMovie
、updateMovie
、deleteMovie
.
其中每一项都必须是 async
操作,您将 await
来自 axios
呼叫的响应。
获得响应后,您需要为每个操作设置相关的突变,您可以在其中相应地修改状态。
这是对您的方法的非常基本的描述,Vuex 和 Nuxt 都相当灵活。
我建议你通读 Vuex 文档和 Nuxt 文档中与 Vuex 相关的部分,它们都写得很好,涵盖的内容比我在这里所能涵盖的要多得多。