小編給大家分享一下vue2.0如何使用swiper實現(xiàn)輪播廣告功能，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)是工信部頒發(fā)資質(zhì)IDC服務器商，為用戶提供優(yōu)質(zhì)的遂寧聯(lián)通機房服務

1、安裝swiper

npm install swiper@3.4.1 --save-dev

2、引用組件

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

3、html頁面代碼

4、初始化組件，并設置參數(shù)

 setTimeout(function () {
  state.swiperObj = new Swiper('#swiper', {
  loop: true,
  pagination: '.swiper-pagination',
  autoplay: 2000,
  paginationClickable: true
  });
 }, 100)

看完了這篇文章，相信你對vue2.0如何使用swiper實現(xiàn)輪播廣告功能有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！