第一步: 在终端的项目根目录下载安装 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
- }
来源: http://www.bubuko.com/infodetail-3253819.html