vue-awesome-swiper的使用方法

1、下载相关依赖

安装vue-awesome-swiper指定版本
npm install vue-awesome-swiper@4 --save-dev

安装swiper

npm install swiper@5




2、在vue中引入

import { SwiperSlide, Swiper } from "vue-awesome-swiper";
import "swiper/css/swiper.min.css";

 components: {
    Swiper,
    SwiperSlide,
  },

备注: import "swiper/css/swiper.min.css"; 这段引入是根据自己的路径去引入

在node_modules搜索swiper

vue-awesome-swiper的使用方法_第1张图片

3、 在组件中使用





4、轮播的时候我的效果是:中间放大两边缩小   =》向左轮播的

vue-awesome-swiper的使用方法_第2张图片

 

你可能感兴趣的:(前端,vue.js,前端,javascript)