vue-cli项目中使用vue-awesome-swiper

在做移动端网页的时候，用mint-ui做轮播图，总是出现卡顿，于是想用swiper插件，搜了一下方法在vue里用这个真的是贼麻烦，然后看到适用于vue的vue-awesome-swiper插件，下面是其使用方法及实例：

1. 安装vue-awesome-swiper：npm install vue-awesome-swiper --save

2.安装less-loader 和 css-loader，这两项是该插件的依赖：

 npm install less less-loader --save

 npm   install css-loader --save

安装好后，修改build\webpack.base.conf.js文件，添加下面代码  { test: /\.less$/,  loader: 'style-loader!css-loader!less-loader'   }

3.在main.js引入 vue-awesome-swiper ：

import VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper)

---

然后就可以在组件里使用了：比如有个Banner组件，以下是示例：

//现在就可以使用swiper官网里的方法和组件啦， swiper官网http://www.swiper.com.cn/api/autoplay/16.html

//蛋疼的编辑器，我的缩进都没了，不想放截图，html标签还不能粘贴，怎么设置才可以粘贴啊？