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 请求数据的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
-
本文向大家介绍vue.js中proxyTable 转发请求的实现方法，包括了vue.js中proxyTable 转发请求的实现方法的使用技巧和注意事项，需要的朋友参考一下 找到config/index.js 配置文件 以上这篇vue.js中proxyTable 转发请求的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍vue keep-alive请求数据的方法示例，包括了vue keep-alive请求数据的方法示例的使用技巧和注意事项，需要的朋友参考一下 背景 index页面：首页品牌入口 list页面：商品列表页面 product页面：商品详情页面 从index页面进入list的时候要刷新页面，从product页面返回list的时候不需要刷新页面，所以list使用了keep-alive的属性,
-
本文向大家介绍Python实现求数列和的方法示例，包括了Python实现求数列和的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python实现求数列和的方法。分享给大家供大家参考，具体如下： 问题： 输入 输入数据有多组，每组占一行，由两个整数n（n<10000）和m(m<1000)组成，n和m的含义如前所述。 输出 对于每组输入数据，输出该数列的和，每个测试实例占一行，要求精
-
本文向大家介绍Python实现向服务器请求压缩数据及解压缩数据的方法示例，包括了Python实现向服务器请求压缩数据及解压缩数据的方法示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python实现向服务器请求压缩数据及解压缩数据的方法。分享给大家供大家参考，具体如下： 向服务器请求压缩数据格式，并解压缩数据 运行结果： 更多关于Python相关内容感兴趣的读者可查看本站专题：《Pyt
-
本文向大家介绍Vue.js中provide/inject实现响应式数据更新的方法示例，包括了Vue.js中provide/inject实现响应式数据更新的方法示例的使用技巧和注意事项，需要的朋友参考一下 vue.js官方文档：https://cn.vuejs.org/v2/api/#provide-inject 首先假设我们在祖辈时候传入进来是个动态的数据，官方不是说如果你传入了一个可监听的对象，
-
本文向大家介绍AngularJS实现ajax请求的方法，包括了AngularJS实现ajax请求的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了AngularJS实现ajax请求的方法。分享给大家供大家参考，具体如下： 【HTML 代码】 【js代码 ajax.js】 【PHP代码 ajax.php】 更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS