如何在vue.js中销毁滑块vue-awesome swiper？

import 'swiper/css/swiper.css';
import { swiper, swiperSlide } from 'vue-awesome-swiper';

data() {
  return {
    swiperInstance: null
  };
}

mounted() {
  this.swiperInstance = this.$refs.swiper.$swiper;
}

beforeDestroy() {
  if (this.swiperInstance) {
    this.swiperInstance.destroy();
  }
}

<swiper ref="swiper">
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 2</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</swiper>