在vue中使用swiper组件

第一步:在终端的项目根目录下载安装swiper:

cnpm/npm install vue-awesome-swiper --save;

 

第二步:在程序入口文件main.js中引用:

import VueAwesomeSwiper from ‘vue-awesome-swiper‘

import ‘swiper/dist/css/swiper.css‘;

 

第三步:在main.js中使用swiper组件:

Vue.use(VueAwesomeSwiper)

 

部分引用:

 import ‘swiper/dist/css/swiper.css‘

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

导出两个组件:

components: {

  swiper,

  swiperSlide

}
相关文章
相关标签/搜索