vue中如何使用swiper插件

npm install --save swiper

// main.jsimport Vue from 'vue'import Swiper from 'swiper'Vue.use(Swiper)

<template><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 class="swiper-pagination"></div>  </div></template><script>import { Swiper } from 'swiper'export default {  mounted() {    // 创建 Swiper 实例    new Swiper('.swiper-container', {      // 设置 Swiper 选项      pagination: {        el: '.swiper-pagination'      }    })  }}</script>

new Swiper('.swiper-container', {  // 设置自动播放  autoplay: {    delay: 2000  },  // 启用循环播放  loop: true,  // 启用分页  pagination: {    el: '.swiper-pagination'  }})

export default {  mounted() {    // 创建 Swiper 实例    this.swiperInstance = new Swiper('.swiper-container', {      // 设置 Swiper 选项    })  },  beforeDestroy() {    // 销毁 Swiper 实例    this.swiperInstance.destroy()  }}