Vue.JS 中的服务层？

Posted 2023-02-23

【中文标题】Vue.JS 中的服务层？

【英文标题】：Service Layer in Vue.JS?

【发布时间】：2019-05-06 02:19:09

【问题描述】：

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

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

最佳做法是什么？

Ty 提前。

【参考方案1】：

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

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