1、get和post请求
//get：查询数据
axios.get(url).then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
//get传参
axios.get('abc?id=5').then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
axios.get('abc',{
params:{
id:123
}
}).then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
//post:添加数据
axios.post('abc',{ //默认传递的是json格式的数据
id:5,
name:'张三'
}).then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
var params=new URLSearchParams(); //用于提交表单
params.append(key1,value1);
params.append(key2,value2);
axios.post('/abc',params).then(ret=>{
})
//put：修改数据
axios.put('abc',{ //默认传递的是json格式的数据
id:5,
name:'张三'
}).then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
//delete：删除数据
axios.delete('abc?id=5').then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
axios.delete('abc',{
params:{
id:123
}
}).then(ret=>{
//data属性名称是固定的，用于获取后台响应的数据
console.log(ret.data)
})
再具体一点的话，可以查看这篇博客：传送门
同时,vue3.x也支持vue2的script的写法：
<script>
export default{
data(){
return{
};
},
methods:{
postIt(){
},
}
}
</script>