轮播图实现

在Vue中使用Swiper轮播图、同时解决点击轮播图左右切换按钮不生效的问题、同时将轮播图抽离出为一个公共组件_记笔记/程序bug的技术博客_51CTO博客

Swiper演示 - Swiper中文网

线上代码沙盒： Loading… - CodeSandbox

vue2.x中使用swiper插件碰到的坑_无痕จุ๊บ的博客-CSDN博客_vue使用 swiper2.x

vue-awesome-swiper的正确使用姿势 - 简书

vue-awesome-swiper | Homepage | Surmon’s projects

Cannot set property ‘params‘ of undefined at SwiperClass_每天发布一篇原创的博客-CSDN博客

全局注册与组件注册

可以用来vue嵌套

Vue 组件嵌套 - 简书

全局注册

使用：

全局注册虽然很方便，但有以下几个问题：

1. 全局注册，但并没有被使用的组件无法在生产打包时被自动移除 (也叫“tree-shaking”)。如果你全局注册了一个组件，即使它并没有被实际使用，它仍然会出现在打包后的 JS 文件中。

2. 全局注册在大型项目中使项目的依赖关系变得不那么明确。在父组件中使用子组件时，不太容易定位子组件的实现。和使用过多的全局变量一样，这可能会影响应用长期的可维护性。

相比之下，局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。它的优点是使组件之间的依赖关系更加明确，并且对 tree-shaking 更加友好。

Site Unreachable

组件注册

使用：

导入swiper

版本一定要注意

使用：