vue开发移动端-swiper轮播图（两边小中间大）

永不满足的求知者

于 2022-08-31 18:50:33 发布

阅读量667

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_41154522/article/details/126629860

版权

本文介绍了如何使用Vue.js开发一款移动端的轮播图组件，详细讲解了从安装必要的package.json依赖，到在main.js中配置，接着封装轮播图组件，最后到实际项目中的调用步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

请添加图片描述

"dependencies": {
   
    "swiper": "5.4.1",
    "vue-awesome-swiper": "4.1.1",
 },

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
Vue.use(VueAwesomeSwiper)