首先先弄页面 废话不多说 上代码
静态页面代码
<template>
<div class="main">
<div class="top">
<Button type="primary" @click="refresh()">重玩</Button>
<span style="font-size: 20px;margin-left: 10px;color: red">分数:{{conunta}}</span>
</div>
<div class="jiu">
<div class="grid-cell" >
<div class="cell" v-if="a00">{{a00}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a01">{{a01}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a02">{{a02}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a03">{{a03}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a10">{{a10}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a11">{{a11}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a12">{{a12}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a13">{{a13}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a20">{{a20}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a21">{{a21}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a22">{{a22}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a23">{{a23}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a30">{{a30}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a31">{{a31}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a32">{{a32}}</div>
</div>
<div class="grid-cell" >
<div class="cell" v-if="a33">{{a33}}</div>
</div>
</div>
</div>
</template>