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

打开项目的根目录，然后打开命令窗口，输入 npm install [email protected]

@后为指定版本号，也可以不写

在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
      });

 

转载于:https://www.cnblogs.com/panyujun/p/10156241.html