基于vue开发的树形图

可选参数

   data:Array  [{name:'',children:[]}]
   property:Object  {name:'name',children:'children'}
   icon:

使用方法：

   <c-tree :data="data" :property="property"></tree>

   import CTree from './c-tree.js';

   {
    components:{
       CTree
    }
   }

或

   <script src="./c-tree.js"></script>
   <script>
    Vue.component('demo',{
        template:'<div>'+
         '<c-tree :data="data" :property="property"></tree>'+
        '</div>',
        data:function(){
            return {
              data:[
                      {
                         name: '开始开始开',
                         childrens: [
                            {
                               name: '开始2',
                               childrens: [
                                  {
                                     name: '开始2'
                                  },
                                  {
                                     name: '开始2'
                                  },
                               ]
                            },
                            {
                               name: '开始2',
                               childrens: [
                                  {
                                     name: '开始2'
                                  },
                                  {
                                     name: '开始2'
                                  },
                               ]
                            },
                            {
                               name: '开始2'
                            },
                            {
                               name: '开始2'
                            },
                         ]
                      },
                      {
                         name: '开始开始开始开始开始开始开始',
                         childrens: [
                            {
                               name: '开始2'
                            },
                            {
                               name: '开始2'
                            }
                         ]
                      },
                   ],
                 property:{name:'name',children:'children'}  
            }
        }
    })
   </script>