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

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 请求数据的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

# vue2.0请求数据  # vue.js2.0请求数据  # vue怎么请求数据  # vue如何从接口请求数据  # vuejs前后端数据交互之从后端请求数据的实例  # Vue2学习笔记之请求数据交互vue-resource  # vue请求数据的三种方式  # vue 请求后台数据的实例代码  # vue中promise的使用及异步请求数据的方法  # vue中实现先请求数据再渲染dom分享  # 谈一谈vue请求数据放在created好还是mounted里好  # vue2实现数据请求显示loading图  # Vue.js+HighCharts实现动态请求展示时序数据  # 是这样  # 如果没有  # 看一下  # 来代替  # 有疑问  # el  # Vue  # vm  # gridData  # data  # list  # var  # pre  # class  # js  # strong  # brush  # mounted  # vuejs  # code 

相关文章： 公司门户网站制作流程,华为官网怎么做？  如何用IIS7快速搭建并优化网站站点？  建站主机空间推荐 高性价比配置与快速部署方案解析  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  表情包在线制作网站免费,表情包怎么弄？  建站VPS推荐：2025年高性能服务器配置指南  香港服务器租用每月最低只需15元？  建站主机CVM配置优化、SEO策略与性能提升指南  青岛网站建设如何选择本地服务器？  网站制作新手教程,新手建设一个网站需要注意些什么？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  如何快速生成可下载的建站源码工具？  制作销售网站教学视频,销售网站有哪些？  公司网站的制作公司,企业网站制作基本流程有哪些？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  香港服务器租用费用高吗？如何避免常见误区？  建站主机SSH密钥生成步骤及常见问题解答？  建站之星后台管理：高效配置与模板优化提升用户体验  如何高效完成独享虚拟主机建站？  如何使用Golang安装API文档生成工具_快速生成接口文档  如何选择香港主机高效搭建外贸独立站？  如何制作算命网站,怎么注册算命网站？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  成都响应式网站开发,dw怎么把手机适应页面变成网页？  c# 在ASP.NET Core中管理和取消后台任务  如何零成本快速生成个人自助网站？  如何通过VPS建站实现广告与增值服务盈利？  平台云上自助建站如何快速打造专业网站？  建站之星代理如何获取技术支持？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  红河网站制作公司,红河事业单位身份证如何上传？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何在阿里云虚拟主机上快速搭建个人网站？  如何快速搭建个人网站并优化SEO？  宁波自助建站系统如何快速打造专业企业网站？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  C#怎么使用委托和事件 C# delegate与event编程方法  如何在建站之星绑定自定义域名？  如何在阿里云高效完成企业建站全流程？  建站之星价格显示格式升级，你的预算足够吗？  淘宝制作网站有哪些,淘宝网官网主页？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  中山网站推广排名,中山信息港登录入口？  官网网站制作腾讯审核要多久,联想路由器newifi官网  免费ppt制作网站,有没有值得推荐的免费PPT网站？  建站之星ASP如何实现CMS高效搭建与安全管理？