持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第22天，点击查看活动详情
首页轮播图的实现
- 许多的微信小程序以及手机软件的首页都会用到轮播图，在微信小程序中，开发者文档里面就有轮播图的组件供我们开发人员使用，同样的，在uni-app中，也有轮播图组件swiper,组件官网链接：uniapp.dcloud.io/component/s…
- 在主页面中使用swiper轮播图组件，我们需要在HBuild中，输入swiper,选中第二个，然后回车，HBuild就会自动帮我们生成轮播图的代码，如图：
- 轮播图里面的数据需要我们调用requet请求获取，首先在methods中定义一个getSwiper方法，然后调用request的api,url里面填写接口地址，再在data中定义一个空数组在存放我们获取到的轮播图数据，我们的轮播图是页面刚开始加载的时候就会出现，所以我们需要在onLoad中定义这个getSwiper方法，然后将获取到的轮播图数据赋值给swpier数组，具体的代码如下：
这里的接口需要后端开发人员提供，我们只需要获取到数据
- 将获取到的轮播图数据渲染到页面上，在swiper-item中使用v-for,并且绑定一个key值，注意key要是唯一标识，然后image的src里面动态绑定数据里的图片，具体代码如下：
