vue中使用vue-awesome-swiper的方法（实现一屏展示多个图片，点击左右滚动一张）

标题 vue中使用vue-awesome-swiper的方法（实现一屏展示多个图片，点击左右滚动一张）

vue-awesome-swiper的官网地址（https://www.npmjs.com/package/vue-awesome-swiper）
这也是我百度加自己的经验实现的，实现的效果图如下*
这里实现的事鼠标左右滑动不需要左右按钮*

1、安装swiper
npm install swiper vue-awesome-swiper --save
安装好在panckage.json中是这样的

我是局部引用，在组件中引用

import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
components: {
    Swiper,
    SwiperSlide
  },
  directives: {
    swiper: directive
  },
  data () {
	  return {
	   swiperOptions: {
        // loopedSlides: 6,
        slidesPerView: 6, // 一屏显示6张图片
        // loop: true,
        pagination: {
          el: '.swiper-p