// 获取格子周围的雷数，
getMineNumAroundLattice(lattice, index) {
// 先获取格子周围的有效索引
const latticeIndexArr = this.getLatticeIndex(index);
// 循环索引，索引值在雷点数组中的，即为雷，当前格子的雷点数加1
latticeIndexArr.forEach(i => {
if (this.minePosition.indexOf(i) > -1) {
lattice.mineNum ++;
}
});
},
// 获取格子周围的有效索引
getLatticeIndex(index) {
// 存索引值的变量
let latticeIndexArr = [];
// 当前格子位于第几行
const latticeRow = Math.ceil(index / this.rows);
// 当前格子位于第几列（求余为0说明是最右边一列）
const latticeCol = Math.ceil(index % this.rows) || this.rows;
// 第一行没有上一行，不需要计算减1的行值，最后一行没有下一行，不需要计算加1的行值
for (let i = (latticeRow === 1 ? 0 : -1); i < (latticeRow === this.cols ? 1 : 2); i++) {
// 第一列没有左列，不需要计算减1的列值，最后一列没有右列，不需要计算加1的列值
for (let j = (latticeCol === 1 ? 0 : -1); j < (latticeCol === this.rows ? 1 : 2); j++) {
// 索引值 = (当前行值 + （上一行【-1】/当前行【0】/下一行【+1】） - 1【1是索引从0开始，所以需要减去】) * 每行格子数 + 当前列值 + （上一列【-1】/当前列【0】/下一列【+1】）
const latticeIndex = (latticeRow + i - 1) * this.rows + (latticeCol + j);
latticeIndexArr.push(latticeIndex);
}
}
return latticeIndexArr;
},有了这两个方法，咱成功地获取到了每个非雷点格子周围的雷的数量，来，展示出来，这样展示的好处是，我们一眼就可以看出算法是否正确
没问题了，来，接着往下走，格盘数据基本都设置好了，那我们接下来要做的就是，点开格子操作
点击交互
这一步先做简单点，有个明显的区别就可以了，点雷我们先不管，先看点数字和空白的情况，首先得明确，到时候格子的可见属性是全部要被隐藏的，点击了才会显示出来，这就用到了我们上一步提到的isOpen属性，默认肯定全是不可见的，点击之后，非雷翻开
点数字
点数字很简单，直接翻开，将isOpen属性设置为true
来点不一样的，isOpen === true 的时候字体变红色，走你┏ (゜ω゜)=☞
@click.left="handleClickLattice(lattice[(col - 1) * rows + row - 1])"
// 点了格子
handleClickLattice(lattice) {
// 是数字
if (lattice.mineNum) {
if (!lattice.isOpen && !lattice.isMark) {
