vue.js要求データを実現する方法の例


vue 2.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;
          })
        })
      },
    })
vue 2.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要求データの全部の内容についてです。本文の内容は皆さんの学習や仕事に一定の助けをもたらすことを望んでいます。