如何创建树状视图？

Question

如何在vue-js中创建树形视图？ 目前，它正在构建带有Vue的树。 您想查询数据库以获取数据并在vue中创建树结构。

  

此处的数据库数据

  

vue部分

mounted: function() {
            axios.get('{% url "todo:get_todo" %}')
                .then(function (response) {
                    for(var d in response.data) {
                        var item = response.data[d];
                        console.log("test-1234=="+JSON.stringify(item));

                        if(item.isLeaf == 'false'){
                            var node = new VueTreeList.TreeNode({ name: item.name, isLeaf: false })
                            if (!vm.data.children) vm.data.children = []
                            vm.data.addChildren(node)
                            console.log("test-9988==");
                        }else{
                             vm.data.push(item);
                        }
                    }
                })
                .catch(function (error) {
                    console.log(error);
                })
                .then(function () {
                });
        },

  

结果

这不是我想要的结果。我想要在节点中为test1，test2。 我想像下面的图片。我该怎么办？