简介

在第 9 章 “使用 Vuex - 状态、获取器、操作和突变” 中，您了解了 Vuex，并看到了如何使用它从存储中读取数据以及向存储中写入数据的多个示例。我们看到了多个组件如何与 store 配合使用，并且所有组件都保持同步，而我们最终几乎不需要做任何工作。在本章中，我们将通过使用 Axios（一个流行的开源库，可以轻松使用网络资源）将其与远程数据集成来扩展 Vuex 的使用。让我们首先深入了解 Axios。

Axios (https://github.com/axios/axios) 是一个 JavaScript 库，同时支持 Node 和浏览器。它有一个基于 Promise 的 API，这意味着您可以根据需要使用 async 和 wait。其它功能包括支持默认参数（对于每次调用都需要密钥的 API 来说很方便）以及转换输入和输出数据的能力。我们不会在本章中涵盖每个用例，但您将很好地了解如何在未来的项目中使用 Axios。

需要明确的是，如果您不喜欢 Axios，则无需使用它。您可以使用任何其它库或根本不使用库。Fetch API (https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) 是一种现代浏览器 API，用于处理网络请求，虽然不如 Axios 强大，但不需要额外的库。

下一节，我们将了解如何安装 Axios。