Nuxt配置swiper 新体验

时隔大半年，公司又想到了nuxt 来做seo优化。害，借着往日的踩坑记录安安稳稳创建了项目，今天配置swiper时又出现了美丽的问题。（时间： 2021年4月8日）

正常 配置swiper：

1： 安装  vue-awesome-swiper --save （我的版本 4.1.1）

npm install vue-awesome-swiper --save

2: 安装swiper , 重点来了（截止今日，我安装的最新到了6.5，但是兄弟们，千万不要安装6以上，坑的一批，版本不配套 = =）

npm install swiper@5.2.0 --save

3：Plugin 里配置js

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

4：Nuxt.config.js 里配置css （如果非要用最新版的，这里的css文件位置会变化，具体去 node_module 的swiper里找就行了 ）

css: [
        {
            src: 'swiper/css/swiper.css'
        }
    ]

5：nuxt 组件内使用 (以下代码来自于