nuxt.js+vue2.x使用swiper

安装swiper5,没有指定版本的话，默认安装最新的，vue2用不了

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

在plugins目录下新建文件swiper.js,内容如下

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
export default () => {
  Vue.use(VueAwesomeSwiper)
}

在nuxt.config.js中修改配置,统一用字符串或对象格式引入

css: [
  { src: "swiper/css/swiper.css" }
],
plugins: [
  { src: "@/plugins/swiper.js", ssr: false },
],