axios

axios是獨立于vue的一個項目，基于promise用于瀏覽器和node.js的http客戶端

• 在瀏覽器中可以幫助我們完成 ajax請求的發送
• 在node.js中可以向遠程接口發送請求

獲取數據

<script src="vue.min.js"></script> <script src="axios.min.js"></script>

注意：測試時需要開啟后端服務器，并且后端開啟跨域訪問權限

var app = new Vue({el: '#app',data: {memberList: []//數組},created() {this.getList()},methods: {getList(id) {//vm = thisaxios.get('http://localhost:8081/admin/ucenter/member').then(response => {console.log(response)this.memberList = response.data.data.items}).catch(error => {console.log(error)})}} }) 控制臺查看輸出

顯示數據
?

<div id="app"><table border="1"><tr><td>id</td><td>姓名</td></tr><tr v-for="item in memberList"><td>{{item.memberId}}</td><td>{{item.nickname}}</td></td></tr> </table> </div>

?

總結

以上是生活随笔為你收集整理的axios使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。