在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

}