mia1106的博客

原创 示例学习-树形菜单的形成---使用vue.js

第一步，获得树形数据对于渲染成一个树形菜单，也就是我们平时见到的多级菜单，我们首先要将数据处理成树形结构。这里笔墨不多写了，假设我们拿到的demoData就已经是的了。第二步，渲染数据假设我们拿到的数据第一层是数组。在我们的页面上只需要有一个ul以及一个我们接下来定义的组件item。这里由于我们第一层数据是数组，因此我们在这里做了一个循环。这里同时要注意vue是使用props从父组