本文介绍了如何使用Vue.js创建一个简单的图片轮播组件。通过引入Vue库，并在HBuilder X中进行开发，实现了四张图片的自动切换，图片大小保持一致。代码中设置了图片的宽度和高度，并通过定时器实现每5秒自动切换到下一张图片。
今天我们要做的就是通过Vue来完成图片的自动转换，首先我们应该准备好四张图片。图片的格式最好都一样。
在使用Vue的时候我们需要插入对应的库
库文件https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js
我使用的是这个版本，当然你也可以选择更高的版本，根据自己需求。
我这里使用的是HBuilder x这个软件非常方便，直接把需要的图片和库文件都可以直接的丢进去啊。
从代码中可以看到我对于我自己选择的四张图片的宽和高都进行了设置，因为我希望四张图片大小一致。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/vue2.6.14/vue.js"></scr
最低0.47元/天 解锁文章
扫一扫
1166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
