這篇文章主要為大家展示了“vuejs如何從后端請求數(shù)據(jù)”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“vuejs如何從后端請求數(shù)據(jù)”這篇文章吧。

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設、成都做網(wǎng)站與策劃設計,城廂網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十載,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:城廂等地區(qū)。城廂做網(wǎng)站價格咨詢:18980820575

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

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

（2）在方法中定義一個請求函數(shù)，比如我們這里函數(shù)名定義為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',需要注意的是與有關數(shù)據(jù)庫的操作字段（通俗點講，可以理解為后端定義的字段）要加引號，而前端定義的字段要放在引號外面；

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

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

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

以上是“vuejs如何從后端請求數(shù)據(jù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！