1.现在使用vue-awesome-swiper要安装swiper和vue-awesome-swiper,网上很多文章是老版本的awesome-swiper
cnpm install swiper vue-awesome-swiper --save
2.在main.js中引入VueAwesomeSwiper和它的css文件,
import VueAwesomeSwiper from 'vue-awesome-swiper'
import '../node_modules/swiper/swiper-bundle.css'
Vue.use(VueAwesomeSwiper)
css文件网上有很多各种各样的路径,如
import 'swiper/css/swiper.css'
import 'swiper/dist/css/swiper.css'
路径还是要自己去找,一开始我没多想就把各种路径粘过来,都是报错,后面找到swiper自己试了下
import '../node_modules/swiper/swiper-bundle.css'
这个没报错并且可行,然后在组件中使用,弄个插件又弄了个把小时,不断摸索