第一步:建立一个div,用来确定整体的外形,将图片放进去。
第二步:定义一个data对象,用于存储图片数据,以便于v-for指令的调用。
第三步:定义一个Vue组件,实现点击图片可以显示和隐藏的效果。
第四步:用style标签美化一下,使图片展示效果更加准确和美观。
代码如下
第一步:建立一个div,用来确定整体的外形,将图片放进去。
第二步:定义一个data对象,用于存储图片数据,以便于v-for指令的调用。
第三步:定义一个Vue组件,实现点击图片可以显示和隐藏的效果。
第四步:用style标签美化一下,使图片展示效果更加准确和美观。
代码如下