本文实例讲述了vue-for循环嵌套操作。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style * { margin : 0；padd : 0；列表样式：无；}/style/head dytable id=' app '边框=' 1 '单元格间距=' 0 '单元格填充=' 0 ' tr TD父循环第几次运输署/运输署子循环第几次TD/tdj son的第几条数据运输署/运输署数值/td/trtbody v-for='x，index in parentList'tr v-for='i，index 2 in x . child list ' TD { { index } }/TD { { index 2 } }/TD { { I . index } }/TD { { I . child name } }/TD/tr/t body/table/body script src=' http :https://cdn。bootscs。com/Vue/2。4 .4/Vue。量滴射流研究…第一个节点}，{ index: 2，childName: '第一个节点}，{ index: 3，childName: '第一个节点}，{ index: 4，childName: '第一个节点}，{ index: 5，childName: '第一个节点}] }，{ childList: [{ index: 6，childName: '第二个节点}，{ index: 7，childName: '第二个节点}，{ index: 8，childName: '第二个节点}，{ index: 9，childName: '第二个节点}，{ index: 10，childName: '第二个节点}] }，{ childList: [{ index: 11，childName: '第三个节点}，{ index: 12，childName: '第三个节点}，{ index: 13，childName: '第三个节点}，{ index: 14，childName: '第三个节点}，{ index: 15，childName: '第三个节点}]}]} })/脚本/html这里使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试上述代码，可得如下运行结果：

希望本文所述对大家vue.js程序设计有所帮助。