v-for 如何嵌套

1、首先我们打开编乩态祗嚆辑器，任意一款可以编写代码的都可以，前端开发常用的有vscode，sublime，ultraedit，editplus等，很多都可以用。这里笔者以ultraedit为例，首先打开该软件，如图。

2、点击菜单栏，新建一个空白的文件，如图所示。然后就可以进行编辑代码了。

3、那么我们假设有如图所示的示例数据，这是一个json格式的数据。

4、有了数据后，就有操作的对象了，接下来，我们按照图所示写入代码，根据json数据对应的字段编写一个表格，这里的代码语法是vue的语法规则。

5、然后，如图所示，写入v-for语句，同样新加一个tr表格行来表示内容。这里要注意的是v-for的嵌套写法以及其中对应的字段，这里要跟json数据对应。

6、然后是数据绑定，在vue的数据绑定中写入如图所示的代码。

7、如图所示，最后可以放在一个HTML文件里面运行，得到的效果如下图。