Flow.vue

<style>
</style>

<template>

  <item class="item" :model="treeData"> </item>
</template>

<script>
    import item from './Item.vue';
    export default {
       data : () => ({
            name: 'My Tree',
            children: [
                { name: 'hello' },
                { name: 'wat' },
                    {
                        name: 'child folder',
                        children: [
                        {
                            name: 'child folder',
                            children: [
                            { name: 'hello' },
                            { name: 'wat' }
                            ]
                        },
                        { name: 'hello' },
                        { name: 'wat' },
                        {
                            name: 'child folder',
                            children: [
                            { name: 'hello' },
                            { name: 'wat' }
                            ]
                        }
                        ]
                    }
            ]
        })
    }

</script>