vue2.x使用swiper

之前在vue2项目中要用到轮播的功能，用swiper插件实现遇到了一些坑。
先上结果，运行安装命令：

npm i [email protected] vue-awesome-swiper -s

在main.js文件中加上

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
Vue.use(VueAwesomeSwiper)

轮播代码（样式需自己调整）：

// template

        123
        456
        789
        

        

        



// js

遇到的一些坑：

默认安装swiper的话，会安装到最新的版本6，最新版本好像是用在vue3上的，vue2用不了
安装后要引入swiper的css，最新版本的是

import 'swiper/swiper-bundle.css'

vue2的swiper5的引入是

import 'swiper/css/swiper.css'