1、下载swiper
npm i --save swiper
报ERR!错误了,就这样下载:
npm i --save swiper --legacy-peer-deps
下载完在package.json文件中检查,下载成功会出现版本号。
2、重启项目
npm run serve
3、引入swiper的js、css文件
import Swiper from 'swiper/bundle'
import 'swiper/swiper-bundle.css'
4、swiper使用
<template>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
</div>
</div>
</template>
<script>
// 引入swiper中的js、css