vue-awesome-swiper:Swiper(Swiper3) component for Vue.js(1.X ~ 2.X), support pc and mobile, SPA and SSR.
安装:
npm install vue-awesome-swiper --save
导入使用:
// import
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
// mount with global
Vue.use(VueAwesomeSwiper)
// mount with component
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default {
components: {
swiper,
swiperSlide
}
}
案例展示及示例代码:
https://surmon-china.github.io/vue-awesome-swiper/
注意版本变化
starting with version 2.6.0, you need to manually introduce swiper's css
import 'swiper/dist/css/swiper.css'