VueJS 遍历树，如何做到?

Question

1.
针对遍历树 树节点可能有无限层（树节点是灵活的，变动的）如何用递归的思路。用v-for 来实现遍历，一直遍历到他的根节点 用ul li来做标签遍历，实现1.2.3。。。。。n级子菜单
2.
我在ready里面，已经做了处理，把数据放到了data里面了，当然这里的无限层是打个比方，因为数据不是死的，随时改动，可能有十层二十层，或许明天就有五十层了，但是数据结构不会变，现在我最大的问题就是 不知道如何用v-for在 页面进行递归式渲染

Answer 1

<script>

var arrs = [];

function haha(){
var data = [
{
name: '中国',
children: [
{
name: '第三节课',

},
{
name: '教',
children: [
{
name: '大一',
children: [
{
name: '课程1',
children: [
{
name: '1231'
},
{
name: '121'
}
]
},
{
name: '课程2',
children: [
{
name: '1232'
},
{
name: '122'
}
]
},
{
name: '课程3',
children: [
{
name: '1233'
},
{
name: '123'
}
]
},

]
}
]
},
{
name: '活动',
children:null
}
]
}
];
getArray(data,'活动');
console.log(data);
for(var i in undefined){
alert(123);
}
}

function getArray(data,name)
{
for (var i in data) {
console.log('i',i);
console.log('datai',data[i].children);
if (data[i].name == name) {
console.log(data[i]);
break;
} else {
getArray(data[i].children, name);
}
}
}

</script>本回答被提问者和网友采纳