Vue封装树形菜单组件

csdn终于更新完成了哈，ok，步入正题

像这种树形结构的核心思想就是：递归思想，知道使用递归，其实这个例子函数的封装也就很简单喽 

实现步骤：

                  设置的props：
                        data 数据结构 默认为 []

                    定制模板:
                        不可定制

                    监控状态变化：
                        事件名on-select-change 点击树节点触发

使用：在需要的地方插入形如下面的代码，

你的数据结构应该是下面的类型：
                    传入的数据结构：
                        [
                        {
                            title:XXX,
                            children:[
                                {
                                    title:XXXX,
                                    chidren:[]
                                }
                            ]
                        }]     

如下示例：                              

    var data = [{
        title: "目录",
        chidren: [{
            title: "我的音乐",
            chidren: [{
                title: "周杰伦",
                chidren: [{
                    title: "发如雪"
                }]
            }, {
                title: "王杰",
                chidren: [{
                    title: "一场游戏一场梦"
                }]
            }]
        }, {
            title: "我的照片"
        }]
    }];

利用vue封装了一个树形菜单组件，效果图如下：