在vue腳手架中使用npm的方式使用swiper

打開項目的根目錄，然后打開命令窗口，輸入 npm install swiper@4.4.1

@后為指定版本號，也可以不寫

在main.js 中，引入

import Swiper from 'swiper'
import 'swiper/dist/css/swiper.css';

同時在你所要使用的vue文件中，再次引入，（不知道為什么還要再次引入，否則獲取不到Swiper）

import Swiper from 'swiper'

然后在頁面渲染完成后，初始化Swiper

var lunbo =new Swiper('#swiper', {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 2000,
        paginationClickable: true
      });