vuejs学习--递归组件

前言

学习vue有一段时间了，最近使用vue做了一套后台管理系统，其中使用最多就是递归组件，也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起分享。

递归组件

组件在它的模板内可以递归地调用自己，只有当它有 name 选项时才可以。 在官网这句话就是关键定义组件是一定要有name属性。按照这个思路我们开动吧。

实现最终效果图：

 

模拟数据格式如下：

var data = [{ "id": "1", "data": { "menuName": "项目管理", "menuCode": "",
                }, "childTreeNode": [{ "data": { "menuName": "项目", "menuCode": "BusProject",
                    }, "childTreeNode": []
                }, { "data": { "menuName": "我的任务", "menuCode": "BusProject",
                    }, "childTreeNode": []
                }, { "data"
        
		

        		
网友评论
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		学习是年轻人改变自己的最好方式