快捷導航

vue.js實現(xiàn)請求數(shù)據(jù)的方法示例

更新時間：2017年02月07日 17:00:59 作者：LoVye

這篇文章主要給大家介紹了vue.js實現(xiàn)請求數(shù)據(jù)的方法示例，文中分別介紹了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);
    })
  },
})

總結(jié)

以上就是關(guān)于vue.js 請求數(shù)據(jù)的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。

您可能感興趣的文章:

相關(guān)文章

Vue中的無限加載vue-infinite-loading的方法
本篇文章主要介紹了Vue中的無限加載vue-infinite-loading的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
Vue兩個版本的區(qū)別和使用方法(更深層次了解)
在我們使用 vue時，我們可以引用兩個不同版本的 Vue，分別是 Vue完整版（vue.js）和 Vue（vue.runtime.js ）非完整版，那么它們的區(qū)別是什么呢，今天我們就來分析下這兩個不同版本之間的區(qū)別，一起看看吧
2020-02-02
Vue Router history模式的配置方法及其原理
這篇文章主要介紹了Vue Router history模式的配置方法及其原理,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
vue基礎(chǔ)之模板和過濾器用法實例分析
這篇文章主要介紹了vue基礎(chǔ)之模板和過濾器用法,結(jié)合實例形式分析了vue模板與過濾器的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
2019-03-03
vue?循環(huán)動態(tài)設(shè)置ref并獲取$refs方式
這篇文章主要介紹了vue?循環(huán)動態(tài)設(shè)置ref并獲取$refs方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue使用splice()刪除數(shù)組中的一個數(shù)據(jù) 彈出窗口提示問題
這篇文章主要介紹了vue使用splice()刪除數(shù)組中的一個數(shù)據(jù) 彈出窗口提示問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
Vue 組件參數(shù)校驗與非props特性的方法
這篇文章主要介紹了Vue 組件參數(shù)校驗與非props特性的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
Vue 子組件更新props中的屬性值問題
這篇文章主要介紹了Vue 子組件更新props中的屬性值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
使用vue-touch報priority錯誤的解決
這篇文章主要介紹了使用vue-touch報priority錯誤的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-03-03
Vue使用sign-canvas實現(xiàn)在線手寫簽名的實例
sign-canvas?一個基于?canvas?開發(fā),封裝于?Vue?組件的通用手寫簽名板(電子簽名板),支持?pc?端和移動端，本文給大家分享Vue使用sign-canvas實現(xiàn)在線手寫簽名，感興趣的朋友一起看看吧
2022-05-05