vue 轮播图swiper的插件使用方法 vue-awesome-swiper

网址https://www.npmjs.com/package/vue-awesome-swiper

第一步 安装插件

npm install swiper vue-awesome-swiper --save

第二步 引用插件

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/css/swiper.css'

Vue.use(VueAwesomeSwiper）

可以在使用轮播图页面引用

import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'

import 'swiper/css/swiper.css'

第三步 html 模板

         

           

         

         

           

         

         

           

         

         

         

         

       

第四步 js模板