在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

}