用Vue.js做了一个九宫格图片展示模块（可点击进行缩放）

模块的实际效果

九宫格缩略图效果

放大后效果

代码

HTML

<template>
<div class="SongList">
//用v-for循环渲染缩略图
     <div class="covers" :style="{display:MinDisplay}">
         <div class="cover" v-for="(img,index) in imgs" :key='img'><img :src="img.src" width="90%" class="min" @click="ZoomIn(index)" alt=""></div>
       </div>
 //渲染放大后的图
       <div class="max" :style="{display:display}">
            <div @click="ZoomOut"  v-for="(img,index) in imgs" :key='img' :class="