Axios 使用

简介

axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端

• 在浏览器中可以帮助我们完成 ajax请求的发送
• 在node.js中可以向远程接口发送请求

获取数据

var app = new Vue({
 el: '#app',
 data: {
    memberList: []//数组
 },
 created() {
    this.getList()
 },
 methods: {
     getList(id) {
        //vm = this
        axios.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>