vue中使用swiper插件

1.npm命令安装swiper

npm install vue-awesome-swiper --save

2.main.js挂载

import VueAwesomeSwiper from 'vue-awesome-swiper'

Vue.use(VueAwesomeSwiper);

3.在使用到的页面中引入组件

   import { swiper, swiperSlide } from 'vue-awesome-swiper'

   css中   @import "../assets/css/swiper.min.css"

4、页面html标签

5、初始化使用

直接在data中定义就可以了

6、重写样式

其中样式 lang="stylus"是必须的