vue.js实现请求数据的方法示例


Posted in Javascript onFebruary 07, 2017

vue2.0示例代码如下:

var vm = new Vue({
      el:"#list",
      data:{
        gridData: "",
      },
      mounted: function() {
        this.$nextTick(function () {
          this.$http.jsonp('http://***.com').then(function(res) {
            console.log(res.data)
            this.gridData = res.data;
          })
        })
      },
    })

vue2.0版本废弃了ready定义的方法,使用mounted来代替,不过需要加上this.$nextTick(function(){})

如果没有请求成功看一下vuejs的版本

1.0版本的写法是这样的

var vm = new Vue({
  el:"#list",
  data:{
    gridData: '',
  },
  ready: function() {
    this.$http.jsonp('http://***.com').then(function(res){
      this.$set('gridData', res.data);
    })
  },
})

总结

以上就是关于vue.js 请求数据的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
JS 遮照层实现代码
Mar 31 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
减少访问DOM的次数提升javascript性能
Feb 24 Javascript
js propertychange和oninput事件
Sep 28 Javascript
Javascript验证方法大全
Sep 21 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
Oct 27 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
vue-property-decorator用法详解
Dec 12 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
Jan 18 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 Javascript
Avalonjs 实现简单购物车功能(实例代码)
Feb 07 #Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 #Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 #Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 #Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 #Javascript
javascript表达式和运算符详解
Feb 07 #Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 #Javascript
You might like
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
php多重接口的实现方法
2015/06/20 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP递归算法的简单实例
2019/02/28 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
Yii2 queue的队列使用详解
2019/07/19 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
2010/02/11 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
异步动态加载js与css文件的js代码
2013/09/15 Javascript
css配合jquery美化 select
2013/11/29 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
javascript的BOM汇总
2015/07/16 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
正则表达式替换html元素属性的方法
2016/11/26 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
深入学习Python中的装饰器使用
2016/06/20 Python
Python有序字典简单实现方法示例
2017/09/28 Python
python实现微信远程控制电脑
2018/02/22 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
彻底解决Python包下载慢问题
2020/11/15 Python
英语专业学子个人的自我评价
2013/10/02 职场文书
初中校园之声广播稿
2014/01/15 职场文书
优秀党员事迹材料
2014/12/18 职场文书
重阳节慰问信
2015/02/15 职场文书
银行求职自荐信范文
2015/03/04 职场文书
面试复试通知单
2015/04/24 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python
MySQL视图概念以及相关应用
2022/04/19 MySQL