cnpm install swiper -S -d
封装组件
<template>
<div>
<div class="swiper-container">
<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>
</div>
</template>
<script>
import Swiper from "swiper";
export default{
name:"swiper",
mounted(){
var mySwiper = new Swiper ('.swiper-container', {
})
}
}
</script>
<style>
@import 'swiper/css/swiper.css';
.swiper-container {
width: 600px;
height: 300px;
}
</style>
//父组件中使用
<swiper></swiper>