[Vue]封装MintUI中的轮播Swiper组件并使用

Swiper.vue






1. 新建一个Swiper.vue文件,先把原来的html,css剪切过来
2. 轮播图所需的数据为imgList,所以子组件中的props:[‘imgList’], 把数据作为一个自定义 attribute 传递进来,这样就封装好了一个基本的轮播图组件
3.使用子组件
 





你可能感兴趣的:(Vue)