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 相关文章推荐
json 定义
Jun 10 Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 Javascript
javascript几个易错点记录
Nov 26 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
JS触摸与手势事件详解
May 09 Javascript
React router动态加载组件之适配器模式的应用详解
Sep 12 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
Node.js path模块,获取文件后缀名操作
Nov 07 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
PHP脚本的10个技巧(3)
2006/10/09 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
php遍历目录viewDir函数
2009/12/15 PHP
php Smarty模板生成html文档的方法
2010/04/12 PHP
PHP中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
PHP实现文件上传与下载
2020/08/28 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
原生js实现打字动画游戏
2017/02/04 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
vue两组件间值传递 $router.push实现方法
2019/05/15 Javascript
微信小程序自定义组件实现环形进度条
2020/11/17 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
教育局长自荐信范文
2013/12/22 职场文书
联谊活动总结
2014/08/28 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
交通事故被告代理词
2015/05/23 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
python基础之停用词过滤详解
2021/04/21 Python
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python