在 Vue 中，父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。 封装实现引入Swiper首先，需要安装Swiper。
创新互联建站咨询热线：13518219792，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联建站网页制作领域10余年，包括办公空间设计等多个领域拥有丰富的网站运维经验，选择创新互联建站，为企业保驾护航！
安装依赖 npm i swiper@5 --save npm i vue-awesome-swiper@3 --save 版本不过高 在main文件里全局引入轮播图和css同时使用Vue.use来注册一个轮播图插件 3。
需要注意的是，如果改为动态绑定图片，请参考：vue-cil和webpack中本地静态图片的路径问题解决方案我这里将静态资源文件转移到了static目录下面。