vue-awesome-swiper插件使用

@swiper插件

vue-awesome-swiper插件(4.1.1版)

项目场景：

vue-awesome-swiper>
例如：项目场景：在组件中展示,实现轮播效果

问题描述：

轮播图是需要几张图片进行轮流展示的,因为做页面商品展示,商品更新换代比较快,有时候做活动更新的比较频繁,这时候静态图片需要每次更换src,十分不便捷,且页面数据较多的时候很难找到对应的位置,需要动态绑定从后端请求回来的数据,图片等

原因分析：

静态图片需要每次更换src,十分不便捷,且页面数据较多的时候很难找到对应的位置,

解决方案：

动态绑定src属性,可以动态获取后端返回的数据.循环渲染,减少本地资源存储,减少打包体积

使用vue-awesome-swiper插件：

• 1.下载安装

npm install swiper vue-awesome-swiper --save

• 2.引入

2.1全局引入:Global Registration
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
 
// impor