.page{overflow:hidden;}.bg{border:1pxsolid#000;width:600px;height:600px;margin:20pxauto;}.lattice{border:1pxsolid#ccc;box-sizing:border-box;float:left;width:60px;height:60px;}.surplus{line-height:38px;height:38px;width:150px;margin:0auto;}.security{background-color:green;}.danger{background-color:red;}上班没事干，心血来潮。想用刚学的Vue写一个扫雷游戏。.好吧，让我们进入正题。第一步是制作一个10x10的网格地图。.我不会谈论这个divcss。.大家会。第二步是创建一个数组来生成随机雷区。letarr=[]for(vari=0;i<10;i++){arr.push(Math.floor(Math.random()*100))}第三步创建一个json数组，让他生成它在页面上的循环网格中。letarrs=[]for(varj=0;j<100;j++){letobj={}if(arr.indexOf(j)>-1){obj.isLei=true//是否是地雷}else{obj.isLei=false//是否是地雷}obj.id=jobj.isTrue=false//安全区风格obj.isFalse=false//雷区风格arrs.push(obj)}大概看起来像这样四步，点击格子触发事件。确定这是否是雷区。如果安全则为绿色，否则为红色。toclick(e){console.log(e.isTrue)if(e.isLei===true){e.isFalse=true}else{e.isTrue=truethis.surPlus=this.surPlus-1}}如下isAllcodes:
