这次给大家带来在Vue2.0中http请求以及loading的展示，在Vue2.0中http请求以及loading展示的注意事项有哪些，下面就是实战案例，一起来看一下。
我们需要额外两个依赖vuex 和 axios：（还是接着上一个项目MyFirstProject写）
npm i vuex axios -D
首先简单的阐述下http请求
1、main.js 中引入axios
import axios from 'axios' Vue.prototype.$http = axios;
2、focus.vue中写个函数获取数据
![]()
{{ item.name }}
{{ item.production }}
取消关注
获取成功后展示效果如图：
我的两个男神羡慕羡慕有没有很帅
到此请求数据就结束了，是不是很简单，然额接下来涉及到store就有点复杂了,欲知后事如何，且听下回分解~
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
AIFreePhp企业建站系统
下载
AiFreePhp(爱免费php企业建站程序是一个免费开源的PHP建站程序),基于PHP + MYSQL 与模板技术,具有产品展示，文章栏目，下载管理，友情链接等功能。无任何限制功能，程序简单实用，可用于中小企业网站建设，不收取任何费用。使用本程序，不可将程序变相转售,二次开发发布。 运行安装目/install/index.php一般要求安装在站点的根目录，不是根目录有试过有没有问题,请大家尽量以
立即学习“前端免费学习笔记（深入）”；
