vue中引入swiper
生活随笔
收集整理的這篇文章主要介紹了
vue中引入swiper
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1、依賴swiper
npm install swiper --save-dev2、引入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>總結
以上是生活随笔為你收集整理的vue中引入swiper的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： nodejs--http模块
- 下一篇： vue中使用checkbox