VueJs 树（Tree）结构基本代码-组件递归法

var data = {
        name: '树',
        children: [{
                name: '1-1.千月君'
            },
            {
                name: '1-2.喜欢 Vue.js'
            },
            {
                name: '1-3.目录',
                children: [{
                    name: '1-3-1.子目录1',
                    children: [{
                        name: '1-3-1-1.子目录1的子节点1'
                    }, {
                        name: '1-3-1-2.子目录1的子节点2'
                    }]
                }, {
                    name: '1-3-2.子目录2'
                }, {
                    name: '1-3-3.子目录2的子节点1'
                }]
            }
        ]
    }

Vue.component('li-item', {
        template: '#li-item',
        props: {
            obj: Object
        },
        data: function() {
            return {
                open: false
            }
        },
        computed: {
            isFold: function() {
                return this.obj.children &&
                    this.obj.children.length
            }
        },
        methods: {
            toggle: function() {
                if(this.isFolder) {
                    this.open = !this.open;
                }
            }
        }
    })