原生组件是支持递归调用的，但是wepy似乎不能递归调用，那么我要是实现树形结构该怎么做？

// 以下组件无法实现，会报错
<template>
    <view>
        <repeat for="{{children}}" key="index" index="index" item="item">
            <view>{{item.name}}
                <block wx:if="{{item.children}}">
                    <Tree :children="item.children"></Tree>
                </block>
            </view>
        </repeat>
    </view>
</template>
<script>
import wepy from 'wepy';
export default class Tree extends wepy.component {
    props = {
        children: {
            type: Object
        }
    };
    data = {
        children: [
            {
                id: '4',
                name: '电子科技有限公司',
                children: [
                    {
                        id: '7',
                        name: '二公司'
                    },
                    {
                        id: '8',
                        name: '三公司'
                    },
                    {
                        id: '9',
                        name: '四公司'
                    }
                ]
            },
            {
                id: '5',
                name: '南京科技有限公司'
            },
            {
                id: '6',
                name: '电子科技有限公司'
            }
        ]
    }
}
</script>
<style lang="scss">
</style>