地址:http://www.axios-js.com
含义:易用、简洁且高效的(基于promise)http库 (一个封装好的http插件)
特点:
支持node端和浏览器端
支持promise
丰富的配置项
全局安装axios
npm/cnpm install axios -S
import axios from axios //每个组件里单独引入
常用的方法
get方法:
<template>
<div>
<li v-for="item in arr" :key="item.id">{
{
item.title}}</li>
</div>
</template>
<script>
import axios from 'axios'
export default {
data(){
return {
arr:[]
}
},
created(){
// console.log(axios);
// axios.get('http://localhost:4000/arr')
// .then(res=>{
// console.log(res.data);
// })
// axios.get('http://localhost:4000/arr?id=2')
// .then(res=>{
// console.log(res.data);
// })
axios.get('http://localhost:4000/arr',{
params:{
id:2
}
})
.then(res=>{
console.log(res.data);
this.arr=res.data;
})
}
}
<