Vue遍历二维数组

一.遍历效果：

利用vue二维数组，最终实现遍历出一个长宽都是15位的矩阵

二.构建遍历对象：

checkerboard对象在data中已经声明了，只是后来在mounted()方法中用代码重构了一次。

三.html前端代码：
1.我们在第一层的的遍历效果：

    

        

            
{{item}}
            
            
        
    

2.在第二层中遍历的效果：（此时我们指点访问cell是访问不到的，items.cell结果为空）

3.第三层的结果：（此时已经能够访问到cell了，我们只需把遍历对象从itemss换成itemss.cell就是最终结果）

四.总结：
这个过程有点像是在剥洋葱的过程，在前面两层的v-for的时候，{cell:0}外面都有数组框框起来，都是无法访问到的，只有在最后一层将[]去掉的时候，才能访问cell。