本文將向大家介紹一種用vue-resource從后端請求數據的方法。

比如說從后端請求一張表過來，

（1）首先，在data中return一個msg:[]數組來接收表的數據；

（2）在方法中定義一個請求函數，比如我們這里函數名定義為showDetails；

methods:{   showDetails:function(){     this.$http.get(baseURL+“api/條件”).then(function(res){      this.msg = res.body;     });}}

這里baseURL項目的路徑，如果項目部署在服務器上面一般格式為www.XXX.com/項目名；之后的api是后端封裝的api接口；然后條件就是對表的查詢，刪除等語句。比如對名為student的表進行查詢，需要獲取studentID為40001的學生信心，則查詢語句可寫為‘query?table=student&studentIDeq=40001',需要注意的是與有關數據庫的操作字段（通俗點講，可以理解為后端定義的字段）要加引號，而前端定義的字段要放在引號外面；

（3）最后，別忘了這個請求操作是沒有調用，是默認執行的，所以要在mounted里面實時執行；

mounted: function (){   this.showDetails();  }

好了，這個函數就完成了，你可以通過瀏覽器控制臺的network查看從后端取得的數據，或者通過console打印輸出也可以看到啦！！！

以上這篇vuejs前后端數據交互之從后端請求數據的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。