vue 使用 Swiper6 轮播（非常nice）

骚嘿！匆匆忙忙，不急这一回，学习如是，生活如是，人生也是！你我之过客，可就一章，可就多章，可就再无，世界那么大，可见之皆为缘；如一本书，一人可看，千人可看，可有万、亿人不可见也。旅途匆匆，不如停歇一会，多欣赏一下身边的美好，人这一生，愿你不机械！

我嘛，还是以文档为主，毕竟是别人搞出来的东西，肯定有参考的：Swiperv v6 在vue上的使用（英文版，翻译的嘛，你懂得）

哇！它还是以插件的耶，撸它！

npm i swiper //先把它下了再说

# 可能遇到问题：下载完这个，运行：npm run serve；然后卡壳了，我的奶脾气一上来，就把项目下的：node_modules 包直接干掉，再来个 运行：npm install；最后就乖乖的了

我的例子：

<template>
  <swiper :slides-per-view="1" :space-between="50" effect="fade" loop="true" :pagination="{'clickable': true}" @slideChange="onSlideChange">
    <swiper-slide>第一页</swiper-slide>
    <swiper-slide>第二页</swiper-slide>
    <swiper-slide>第三页</swiper-slide>
    <swiper-slide>第四页</swiper-slide>
    <swiper-slide>第五页</swiper-slide>
  </swiper>
</template>
<script>
  import {Swiper, SwiperSlide} from 'swiper/vue';
  import SwiperCore, {Pagination, Autoplay, EffectFade } from 'swiper';
  import 'swiper/swiper.scss';
  import "swiper/components/pagination/pagination.min.css" //分页样式
  SwiperCore.use([Pagination,Autoplay,EffectFade]);
  export default {
    components: {
      Swiper,
      SwiperSlide,
    },
    methods: {
      onSlideChange() {
        console.log('它翻页了！');
      },
    },
  };
</script>

如果你看不懂我的例子或觉得例子太少了，没关系，下面给你展示：（自己想选择哪个看哪个，看你的选择）

这波血，够补了吧！

好了，你我有缘无分，不见了，祝你一帆风顺，前途似锦！