记录使用vue中踩到的坑（1）：在vue2的cli中使用轮播图swiper.js插件

在vue2.x中使用的swiper版本过高的话可能会导致轮播图部分功能无法实现，最好使用 swiper5.X版本，一下是操作步骤：

1.下载swiper插件

npm i swiper@5

2.引入swiper插件及其样式
- 首先在要使用轮播图的vue界面<script></script>引入插件
import Swiper from "swiper";
- 然后引入样式（注：这里是在main.js里全局引入）
import "swiper/css/swiper.css";
3.初始化轮播图
htmL

<div class="swiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">slider1</div>
    <div class="swiper-slide">slider2</div>
    <div class="swiper-slide">slider3</div>
  </div>
</div>

    

script

new Swiper('.swiper', {
    autoplay: true,//可选选项，自动滑动
})