1、新建一个vue项目

在终端安装axios命令

npm install --save axios vue-axios

2、在main.js里导入下面的代码

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios,axios)

3、创建本地的json数据(ps:json文件一定要创建在public文件夹中)

在这里插入图片描述

4、在需要数据的页面引入axios

在这里插入图片描述

5、异步加载数据(链接是你打开vue页面的这个链接,后面的是json文件名称)mounted:页面加载完成后执行这个方法

在这里插入图片描述

提示:如有不对请多多指教!希望给您带来帮助!多谢。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐