【Vue2.x|Vue —— Axios 发送请求(常用格式)】Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。
基本格式
axios
.get('./carList.json')
.then(res => {
this.info = res.data
})
.catch(function(error){
console.log(error)
})
例子
.get()
:链接地址,字符串表示.then()
:获取数据,存放到 info 数组里.catch()
:请求失败处理
new Vue({
data: {
carlist: [] //购物车列表
},
mounted() {
// 在这里使用axios 发送请求
axios
.get('./carList.json') //文件相对路径
.then(res => {
this.carlist = res.data
})
.catch(function(error){
console.log(error)
})
}
})
不积跬步无以至千里 不积小流无以成江海
推荐阅读
- #|[vue] slot插槽 默认插槽,具名插槽,作用域插槽
- vue|vue插槽、具名插槽和作用域插槽
- vue(十八)——vue中插槽(slot)默认插槽,具名插槽、作用域插槽
- vue|vue中v-slot详解,具名插槽和作用域插槽
- vue|Element-UI默认样式改不了(怎么办)
- vue.js|vue基础入门之侦听器、计算属性、vue-cli、vue组件
- springboot|Springboot+Vue+Element实现的CRM管理系统
- java进阶-框架篇|springboot + VUE实现后台管理系统(集成JWT接口权限验证)
- SpringBoot教学|如何快速使用SpringBoot+Vue前后端分离实现echarts图形可视化(入门详细教程)