《Vue应用开发》课件——7.1.4Axios图书列表案例.pptxVIP

先定一个小目标！掌握Axios图书列表案例的实现，能够使用Axios完成网络请求7.1.4Axios图书列表案例

7.1.4Axios图书列表案例使用Axios实现图书列表案例，图书列表页面初始效果如下图所示。

7.1.4Axios图书列表案例单击上图中“请求数据”按钮，数据请求成功页面效果如下图所示。

图书列表案例的实现分为以下2步。模拟数据1请求数据27.1.4Axios图书列表案例

模拟数据：为了方便演示，使用mockjs模拟后端接口，下面讲解如何安装mockjs，以及编写模拟数据和配置模拟数据的相关信息。7.1.4Axios图书列表案例

步骤1在my-axios目录下，使用yarn安装mockjs。步骤3步骤4步骤2使用mockjs模拟后端接口7.1.4Axios图书列表案例yarnaddmockjs@1.1.0--save

创建src\mock\books.json文件，该文件用于存放模拟的数据。(加一项自己姓名)[{id:1,name:西游记,author:吴承恩},{id:2,name:红楼梦,author:曹雪芹},步骤3步骤4步骤1步骤27.1.4Axios图书列表案例使用mockjs模拟后端接口

接上页代码{id:3,name:三国演义,