vue 使用 Swiper6 轮播

​

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>

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

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

​