vue中添加swiper轮播插件

网上找了很多，最后还是官网最完整。

https://github.com/surmon-china/vue-awesome-swiper

安装：

1、npm install vue-awesome-swiper --save

2、全局安装

在main.js中

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'

// require styles

import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper)
3、组件中使用

import 'swiper/dist/css/swiper.css'

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

export default {

  components: {

    swiper,

    swiperSlide

  }

}

巴特西

vue中添加swiper轮播插件

最新文章

热门文章