1、依賴swiper

npm install swiper --save-dev

2、引入swiper

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

3、使用swiper

頁面布局參考官網(wǎng)swiper4.0

<script> import Swiper from "swiper"; import "swiper/dist/css/swiper.min.css";export default {name: "hello",mounted() {//實現(xiàn)中間居中左右兩邊顯示一點的布局new Swiper("#swiper", {initialSlide: 1,slidesPerView: 1.1,centeredSlides: true});} }; </script>

總結(jié)

以上是生活随笔為你收集整理的vue中引入swiper的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。