一、v-for指令
1. v-for 作用
对数组进行遍历,通过特殊语法,对列表、表格或下拉框渲染数据;
Tips:类似foreach、for的作用,语法跟foreach类似
2. v-for 语法
根据官方教程,我们可以看到:
二、我是怎么掉坑的
1. 情景
在前台我拿到了后台返回的数据,想要对其表格进行渲染;
2. 为什么坑?
通过 Chrome 开发工具,能够清楚的看到数据的返回以及相应变量接收是没问题的,那为什么表格数据出不来呢?
小心翼翼的排查过程:
- 首先在确定了数据返回和接收无问题(自己在控制台打印了具体对象的某个属性),开始怀疑自己写的 v-for 语法是否有误,于是吭哧吭哧跑到官网去复制,然后在刷新页面,好吧,想象的效果并没有出来;
- 第二次怀疑,难道是绑定对象的属性有问题?基于这个我开始检查,打开调试工具,在数据返回后设置了断点,点开返回数据中的第0项,仔细的跟