4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

列表展示的实现

1.引入axios , $http这个名字可以随意定义

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

2. 安装axios 命令   cnpm install --save axios

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

3.发送请求

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

4.展示数据

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

5.效果图

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

 详情页的实现

1.修改路由,路由传递key

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

2.img图片上添加路由跳转

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

3.跳转页,接收路由传参

 4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

4.显示item参数

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)

5.效果图

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示) 

 

返回实现

4.VUE学习记录-列表显示-详情页实现-返回 (axios发送请求查询数据展示)