vue3张图片随时间切换

Posted 2023-03-15

参考技术A 我们自然要在data里面，定义两个变量，分别是数组imgArr和索引index.数组我们就把所有需要用到的图片保存到我们的项目文件下，然后把路径名保存到数组里，接着，索引的初始值我们定为0.然后我们写两个函数，分别是prev函数和next函数，分别表示向前翻和向后翻，这两个函数是要绑定到对应的按钮上去的。然后，为了控制在显示第一张和最后一张图片时，对应的按钮要消失不见，我们必须在对应图片上html代码上写上v-show指令。怎么写呢。很简单，第一张图片，只需要写上index!=0就可以了；而最后一张，只需要写上index
Vue是一套用于构建用户界面的渐进式javascript框架。与传统JS和JQuery框架不同，Vue的渐进式框架表示开发者可以由简单组件写起，渐渐搭建出一个复杂的前端平台。形成Vue渐进式框架的核心概念为。组件化，MVVM，响应式，和生命周期，下面会一个个详细介绍。