如何使用vue.js請(qǐng)求數(shù)據(jù)

發(fā)布時(shí)間：2021-04-12 16:38:45 來(lái)源：億速云閱讀：164 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)如何使用vue.js請(qǐng)求數(shù)據(jù)，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

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來(lái)代替，不過(guò)需要加上this.$nextTick（function（）{}） 。

如果沒(méi)有請(qǐng)求成功看一下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請(qǐng)求數(shù)據(jù)，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

如何使用vue.js請(qǐng)求數(shù)據(jù)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽