图片反转（vue）

1.首先我们使用ps中的切片工具把照片进行切割（这里是10*10）

2.储存导出切割好的照片文件

3.然后得到一个文件夹

4导入照片进行页面布局, 在<script>标签中导入vue.js

布局使用弹性布局：主轴上对齐方式设置justify-content:space-between;使用flex-wrap:wrap进行换行操作；给照片设置宽高，item上下边距设置为3px

5.导入vue并实例化一个vue对象

6.自定义一个组件化，通过id将数据绑定到template,使用props接受传递的数据，用methods定义方法，取值相反

7.设置一个放照片的盒子，使用组件，用v-for遍历数组，用item获取值，”：“绑定im值

设置模板，放置点击事件@click，给图片设置隐藏属性（v-show）

8.效果图

9.源码