JS篇-vue篇-Vue实现递归树

时间：2023-04-05 01:39:16 HTML5

前言大家都知道Vue只有一个for循环。如果在一个层次上写一个循环，显然不可能实现未知层次的数据。针对这个问题，官方高手已经发布了实现递归的demo。我们来分析一下它的原理。vue官方treeviewdemo>>原理创建子项组件，调用当前组件实现递归官方阉割版本代码html代码

js代码//演示数据vardata={name:'MyTree',children:[{name:'hello'},{name:'wat'},{name:'子文件夹',children:[{name:'子文件夹',children:[{name:'hello'},{name:'wat'}]},{name:'hello'},{name:'wat'},{name:'childfolder',children:[{name:'hello'},{name:'wat'}]}]}]}//定义子组件Vue.component('item',{template:'#item-template',props:{model:Object},data:function(){return{}},methods:{}})vardemo=newVue({el:'#demo',data:{treeData:data}})阉割版代码>>

上一篇：VueRouter清除历史

下一篇：ThinkSNS+性能简介

JS篇-vue篇-Vue实现递归树相关文章