vue中添加swiper轮播插件

• Z时代
• 2024-01-10
• 分类：综合

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

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轮播插件 的全部内容， 来源链接： utcz.com/z/377378.html