vue-awesome-swiper使用

vue-awesome-swiper

我喜欢的一款轮播插件,他有多个选择!而且支持手持滑动
所以我用到了今天。


安装

本人说明一点:为什么不用4.1.1
:vue-awesome-swiper v4.1.1版 autoplay、effect等无效问题至今未解决

cnpm i [email protected] -S

引入

全局引入

import VueAwesomeSwiper from 'vue-awesome-swiper' 
import 'swiper/dist/css/swiper.css' 
Vue.use(VueAwesomeSwiper)     

单独引入

import Vue from 'vue'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import "swiper/dist/css/swiper.css"
//或者
require('swiper/dist/css/swiper.css')

测试

A组

我最喜欢的轮播这款,在我的MXLOGO保留至今!但是很快告别了
因为我要更新MXLOGO 8.
vue-awesome-swiper使用_第1张图片

        
            
                
                      
                
            
            
                
                    
                
            
            
                
                    
                
            
        

你可能感兴趣的:(vue.js轮播图)