vue2.0 如何使用axios获取数据

1、创建vue工程，安装axiosvue init webpack vue2cd vue2npm i axios

3、添加测试代码：添加按钮：<ul> <button v-on:click="postData">Greet</button></ul>添加方法：methods: { postData() { this.$http({ method: 'get', url: '/user', data: { name: 'xiaoming', info: '12' } }) }}

5、修改代码的中方法为postpo衡痕贤伎stData(){ this.$http({ method: 'post', url: '/user', data: { name: 'xiaoming', info: '12' } })}

7、并发请求：我们修改代码，添加方法twoReq按钮<ul> <水瑞侮瑜button v-on:艘早祓胂click="twoReq">Greet</button></ul>方法：twoReq(){ self = this function getUserAccount() { return self.$http.get('/user/12345'); } function getUserPermissions() { return self.$http.get('/user/12345/permissions'); } self.$http.all([getUserAccount(), getUserPermissions()]) .then(self.$http.spread(function (acct, perms) { console.log("done"); //两个请求现已完成 })); }