当前位置：编程学堂 > vue.js实现请求数据的示例

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

发布：2023-10-05 11:26

vue2.0示例代码如下：

var vm = 新的 Vue({
      el:"#list",
      数据：{
        网格数据：“”，
      },
      安装：函数（）{
        this.$nextTick(函数 () {
          this.$http.jsonp('http://***.com').then(function(res) {
            console.log(www.sychzs.cn)
            this.gridData = www.sychzs.cn;
          })
        })
      },
    })

vue2.0版本放弃了ready定义方法，改用mounted，但需要加上this.$nextTick(function(){})。

如果请求不成功，请检查vuejs版本

1.0版本是这样写的

var vm = 新的 Vue({
  el:"#list",
  数据：{
    网格数据：''，
  },
  准备好：函数（）{
    this.$http.jsonp('http://***.com').then(function(res){
      this.$set('gridData', www.sychzs.cn);
    })
  },
})

总结