vue2.0中使用swiper插件 vue-awesome-swiper指南

在使用vue.js开发时，使用官方vue-cli开发时用上了轮播插件swiper,总结了一下swiper使用时遇到的问题：

最好的老师来自于官方文档：附上vue-awesome-swiper在git上的地址以及安装过程
https://www.npmjs.com/package/vue-awesome-swiper

下面我来概述一下整体使用操作：
一 首先讲下安装：
通过npm安装: npm install vue-awesome-swiper --save

二 在vue项目中找到main.js添加：
import 'swiper/dist/css/swiper.css'
//（如果使用的是2.6.0以上的版本需要自己手动去加载css）
import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper)
三 运用到组件中，出问题最多的地方：

1 分页器点击小圆点跳转到对应页面不能与设置抓手grabCursor : true同时设置
2 vue-awesome-swiper基于组件的开发设置分页器和上一页下一页按钮，采取下列方式定义：

          //左右点击
          navigation: {
              nextEl: '.swiper-button-next',
              prevEl: '.swiper-button-prev',
          },
          //分页器设置         
          pagination: {
              el: '.swiper-pagination',
              clickable :true
          }

3 自动轮播autoplay:true与swiper中方法slideTo(0, 0, false)不能同时设置，自动轮播会失效

具体的swiper设置属性可以查看中文API文档：http://www.swiper.com.cn/api