这里有新鲜出炉的 vue.js 教程,程序狗速度看过来!
Vue.js 是构建 web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。
这篇文章主要给大家介绍了 vue.js 实现请求数据的方法示例,文中分别介绍了 vue1.0 和 vue2.0 的示例方法,需要的朋友可以参考借鉴,下面来一起看看吧。
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 请求数据的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
来源: http://www.phperz.com/article/17/0505/327938.html