vue里面渲染一个5层递归的树菜单速度特别慢

Question

我做了一个vue.js的组件，接收一个树状结构的数据，然后层层渲染ul>li>ul>li这样的结构。
做出来后，发现渲染1300多个节点，导致这棵树要等1-2秒钟才出来。

请问这种情况下有什么优化办法吗。

Answer 1

延迟加载。没必要一次加载1300个节点。

---

first load时只加载一级节点，当用户点击或者需要查看子节点时在请求渲染子节点。
ZTree Demo 这个是ZTree异步加载的示例，大致效果就这样。

Answer 2

Vue 怎么写一个无限层级的树状呢？

Answer 3

你组件在哪里，能不能给我看看，我现在需要一个vue的递归菜单

Answer 4

最后采用js-tree这个jquery插件渲染树了。
妈的，其实还是绕过了，并没有自己去解决~

Answer 5

楼主现在有什么想法