全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
这两天学习了vue如何从接口请求数据，所以，今天添加一点小笔记。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>获取图片列表</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body>
<div id="app">
<ul>
<li>
<img v-for="imgItem in imgList" v-bind:src="imgItem.img" alt="" width="100%" height="100%"/>
</li>
</ul>
</div>
</body>
<script src="//cdn.bootcss.com/vue/2.1.0/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>
<script>
var demo=new Vue({
el:'#app',
data: {
imgList:[],
getImgUrl: '' //存数据接口
},
created: function(){
this.getImg() //定义方法
},
methods: {
getImg: function(){
var that = this;
that.$http({ //调用接口
method:'GET',
url:this.getImgUrl //this指data
}).then(function(response){ //接口返回数据
this.imgList=response.data;
},function(error){
})
}
}
})
</script>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
# vue
# 获取接口数据
# 请求接口
# vue.js请求接口数据
# 详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
# Vue项目中接口调用的详细讲解
# Vue 请求传公共参数的操作
# vue中循环请求接口参数问题及解决
# 这两天
# 大家多多
# scale
# initial
# maximum
# minimum
# content
# viewport
# device
# width
# app
# id
# li
# ul
# scalable
# user
# div
# body
# brush
# class
相关文章：
C#如何在一个XML文件中查找并替换文本内容
广州营销型建站服务商推荐：技术优势与SEO优化解析
已有域名和空间如何快速搭建网站？
如何基于云服务器快速搭建网站及云盘系统？
深圳企业网站制作设计,在深圳如何网上全流程注册公司？
内部网站制作流程,如何建立公司内部网站？
子杰智能建站系统｜零代码开发与AI生成SEO优化指南
建站之星价格显示格式升级，你的预算足够吗？
建站主机选购指南与交易推荐：核心配置解析
代刷网站制作软件,别人代刷火车票靠谱吗？
如何快速上传建站程序避免常见错误？
如何通过主机屋免费建站教程十分钟搭建网站？
黑客入侵网站服务器的常见手法有哪些？
如何在Windows环境下新建FTP站点并设置权限？
专业公司网站制作公司,用什么语言做企业网站比较好？
专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？
红河网站制作公司,红河事业单位身份证如何上传？
深入理解Android中的xmlns:tools属性
音乐网站服务器如何优化API响应速度？
企业网站制作公司网页,推荐几家专业的天津网站制作公司？
建站上传速度慢？如何优化加速网站加载效率？
大型企业网站制作流程,做网站需要注册公司吗？
c++怎么用jemalloc c++替换默认内存分配器【性能】
c# 在高并发下使用反射发射（Reflection.Emit）的性能
如何快速完成中国万网建站详细流程？
安徽网站建设与外贸建站服务专业定制方案
如何在服务器上配置二级域名建站？
如何获取免费开源的自助建站系统源码？
网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？
网站制作新手教程,新手建设一个网站需要注意些什么？
网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？
建站主机与服务器功能差异如何区分？
如何高效完成自助建站业务培训？
代购小票制作网站有哪些,购物小票的简要说明？
c# 服务器GC和工作站GC的区别和设置
建站DNS解析失败？如何正确配置域名服务器？
电视网站制作tvbox接口,云海电视怎样自定义添加电视源？
山东网站制作公司有哪些,山东大源集团官网？
建站之星图片链接生成指南：自助建站与智能设计教程
移民网站制作流程,怎么看加拿大移民官网？
c++ stringstream用法详解_c++字符串与数字转换利器
邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？
Python路径拼接规范_跨平台处理说明【指导】
湖北网站制作公司有哪些,湖北清能集团官网？
浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？
黑客如何利用漏洞与弱口令入侵网站服务器？
道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？
如何快速搭建高效香港服务器网站？
如何通过二级域名建站提升品牌影响力？
一键网站制作软件,义乌购一件代发流程？
*请认真填写需求信息，我们会在24小时内与您取得联系。
