在Vue中使用Swiper轮播图

swiper官网API接口文档 swiper官网中给出的＂在vue中使用swiper教程＂ 第一步： 在项目文件夹中用＂shift＋鼠标右键＂召唤出命令行工具，然后输入：npm install vue-awesome-swiper --save，安装好vue中使用过的swiper 第二步： 在main.js文件中全局引入: import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' // 同时必须引入css样式文件 import 'swiper/dist/css/swiper.css' // 挂载到vue全局上 Vue.use(VueAwesomeSwiper) 或者只想单独在某个组件中引入: // 同样引入样式文件 import 'swiper/dist/css/swiper.css' import { swiper, swiperSlide } from 'vue-awesome-swiper' export default { components: { swiper, swiperSlide } } 第三步: 使用swiper:

本文章由javascript技术分享原创和收集