小程序P99 05.首页-轮播图效果（接上一个）
3.2.1 请求轮播图的数据
实现步骤：
①在 data 中定义轮播图的数组
②在 onLoad 生命周期函数中调用获取轮播图数据的方法
③在 methods 中定义获取轮播图数据的方法

//home.vue文件

export default {
data() {
return {
// 1. 轮播图的数据列表，默认为空数组
swiperList: [],
}
},
onLoad() {
// 2. 在小程序页面刚加载的时候，调用获取轮播图数据的方法
this.getSwiperList()
},
methods: {
// 3. 获取轮播图数据的方法
async getSwiperList() {
// 3.1 发起请求
const { data: res } = await uni.$http.get('/api/public/v1/home/swiperdata')
// 3.2 请求失败
if (res.meta.status !== 200) {
return uni.showToast({
title: '数据请求失败！',
duration: 1500,
icon: 'none',
})
}
// 3.3 请求成功，为 data 中的数据赋值
this.swiperList = res.message
},
},
}