纯VUE实现手写轮播图

        使用VUE也有一段时间了,今天在工作过程中用VUE手写了一个简单的VUE轮播图,在这里分享一下。

        (一)实现思路:

                和原生JS的实现思路一样只不过是代码展现方式有所不同,同样是给外侧父盒子限定宽度和高度,之后添加overflow: hidden;属性。然后在内部展示轮播内容,利用transition以及transfrom实现轮播。

        (二)效果图

         (三)代码



                    
                    

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