1、依赖swiper
npm install swiper --save-dev
2、引入swiper
import Swiper from 'swiper';
import "swiper/dist/css/swiper.min.css";
3、使用swiper
页面布局参考官网swiper4.0
<script>
import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css";
export default {
name: "hello",
mounted() {
//实现中间居中左右两边显示一点的布局
new Swiper("#swiper", {
initialSlide: 1,
slidesPerView: 1.1,
centeredSlides: true
});
}
};
</script>