Vue.JS 中的服务层？

Question

在 Angular 中，有一个特定的“服务”层，用于保存最初返回虚拟数据的模型服务，随着项目开发的进行，这些服务将替换为对支持 RESTful 服务的真实调用。

在 Vue 中，是否有推荐的位置或层可以使用 axios 进行此类远程调用？我可以看到它们被放置在 Vuex 单例的方法中，或者分散在单文件组件的 script 部分中……我还想可能有某种方法可以通过依赖注入将它们提供给组件。

最佳做法是什么？

Ty 提前。

Answer 1

是的，如果您使用的是 Vuex，您可以放置​​包装您的 Axios 调用的 Service 组件，然后从 vuex 存储中调用这些组件。

所以层次结构变为Component -> Store -> Service Component -> Axios