VUE中使用vue-awesome-swiper

Posted 2021-03-16 binmengxue

一：首先进入项目目录中安装

install vue-awesome-swiper@2.6.7 --save

2.使用

全局挂载：

import Vue from ‘vue‘
import VueAwesomeSwiper from ‘vue-awesome-swiper‘
// require styles
import ‘swiper/dist/css/swiper.css‘

Vue.use(VueAwesomeSwiper, /* { default global options } */)

组件挂载

// require styles
import ‘swiper/dist/css/swiper.css‘
import { swiper, swiperSlide } from ‘vue-awesome-swiper‘
export default {
  components: {
    swiper,
    swiperSlide
  }
}