Vue应该选择哪个网络模块？Vue对其做封装实现

文章结构概览

• • • 1. Vue应选用何种网络模块？
      • 2. 如何在Vue项目中安装axios
      • 3. 对Vue中的axios进行封装处理

1. Vue选择什么网络模块？

在Vue框架中，实现网络请求存在多种途径，那么，在实际开发过程中，该如何进行选择呢？

方案一：传统方式采用Ajax，其基础是XMLHttpRequest（XHR）技术。

为何不采用该方式？

原因非常明确，其配置与调用过程较为复杂，结构混乱。

编写代码时也会带来诸多不便。

因此，在实际开发中极少直接使用该方法，而更倾向于借助JQuery-Ajax。

方案二：相较于传统Ajax方式，JQuery-Ajax具有更便捷的操作体验。

为何不采用它？

首先需要明确的是，在Vue的开发流程中并不依赖JQuery库。

这意味着为了简化网络请求操作而特意引入一个大型框架是否合理？

JQuery包含超过一万行的源代码，而Vue本身也仅约有一万行代码。

显然没有必要因一次网络请求而引入这样一个庞大且复杂的库。

方案三：在Vue1.x版本中，官方曾推出Vue-resource插件。

与JQuery相比，Vue-resource的体积要小得多，

而且作为官方推荐的技术方案具有一定的优势。

然而，并未选择它作为主要手段。

在Vue2.0版本