全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：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
相关文章：
建站之星ASP如何实现CMS高效搭建与安全管理？
深圳网站制作培训,深圳哪些招聘网站比较好？
如何在Golang中处理模块冲突_解决依赖版本不兼容问题
如何零基础开发自助建站系统？完整教程解析
建站之星如何优化SEO以实现高效排名？
,南京靠谱的征婚网站？
建站之星如何快速更换网站模板？
制作充值网站的软件,做人力招聘为什么要自己交端口钱？
利用JavaScript实现拖拽改变元素大小
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？
c# 在ASP.NET Core中管理和取消后台任务
常州自助建站：操作简便模板丰富，企业个人快速搭建网站
建站之星代理费用多少？最新价格详情介绍
免费制作小说封面的网站有哪些,怎么接网站批量的封面单？
如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？
移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？
名字制作网站免费,所有小说网站的名字？
武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？
东莞专业网站制作公司有哪些,东莞招聘网站哪个好？
交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？
视频网站制作教程,怎么样制作优酷网的小视频？
如何设置并定期更换建站之星安全管理员密码？
如何快速搭建个人网站并优化SEO？
开封网站制作公司,网络用语开封是什么意思？
创业网站制作流程,创业网站可靠吗？
c# F# 的 MailboxProcessor 和 C# 的 Actor 模型
北京建设网站制作公司,北京古代建筑博物馆预约官网？
网站制作员失业,怎样查看自己网站的注册者？
阿里云高弹*务器配置方案｜支持分布式架构与多节点部署
公司网站制作费用多少,为公司建立一个网站需要哪些费用？
内部网站制作流程,如何建立公司内部网站？
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？
免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？
贸易公司网站制作流程,出口贸易网站设计怎么做？
广东企业建站网站优化与SEO营销核心策略指南
湖州网站制作公司有哪些,浙江中蓝新能源公司官网？
javascript中对象的定义、使用以及对象和原型链操作小结
C#怎么使用委托和事件 C# delegate与event编程方法
网站制作新手教程,新手建设一个网站需要注意些什么？
建站之星导航配置指南：自助建站与SEO优化全解析
高端网站建设与定制开发一站式解决方案 中企动力
详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？
企业网站制作公司网页,推荐几家专业的天津网站制作公司？
制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？
潮流网站制作头像软件下载,适合母子的网名有哪些？
如何注册花生壳免费域名并搭建个人网站？
如何做静态网页,sublimetext3.0制作静态网页？
再谈Python中的字符串与字符编码（推荐）
如何高效配置香港服务器实现快速建站？
*请认真填写需求信息，我们会在24小时内与您取得联系。
