1.通过<script></script>引入的Vue.js文件。
2.在<template></template>模板中绑定tempContent.vue组件,通过使用组件来简洁代码,
并通过给图片的div绑定v-on:click(@click)事件和v-show指令来实现图片点击后隐藏和显示的效果。
通过v-for将imgs文件中的每一张图片遍历到i中储存,在通过props把i返回到im,并放进src加载出来。
3. css
通过采用弹性布局,排列图片。
4.js
创建一个 Vue 实例。
把图片放入imgs列表。
其他详情见2。
5.效果。