vue中使用swiper，vue-awesome-swiper

https://github.com/surmon-china/vue-awesome-swiper

在刚开始vue中使用swiper的时候，按照文档默认下载的是swiper6，这个版本有很多坑，比如分页器不显示等，因此查了很多资料，得到以下解决方案：

1.降低swiper的版本，并安装vue-awesome-swiper

2.输入命令： npm install vue-awesome-swiper swiper@5.4.5 --save  命令完成后我们查看依赖包发现swiper版本已经为5.4.5的了，接下来正常引入就可以了

3.1 全局注册

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'

Vue.use(VueAwesomeSwiper)

3.2 局部注册

import 'swiper/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'

export default {
  components: {
    swiper,
    swiperSlide
  }
}

3.3 添加组件模板

<template>
  <div class="hello">
    <swiper ref="mySwiper" :options="swiperOptions" v-if="isShow">
      <swiper-slide>Slide 1</swiper-slide>