xtzero.me
标签引入Vue的情况下,递归调用自定义组件
技术学习
2023-10-21 22:28:33

组件定义

<script type="text/x-template" id="docSectionItem">
    <div class="doc-section-item-container">
        @{ row.title }
        <div class="doc-section-item-children" v-if="row.children && row.children.length > 0">
            <doc-section-item
                style="margin-left: 20px;"
                v-for="(v, k) in row.children"
                :key="k"
                :row="v">
            </doc-section-item>
        </div>
    </div>
</script>

<script>
Vue.component('doc-section-item', {
        template: '#docSectionItem',
        delimiters: ['@{', '}'],
        props: {
            row: {
                type: Object,
                default: () => ({})
            }
        },
    })
</script>

引用

<doc-section-item :row="v"></doc-section-item>
xtzero.me
从前从前,有个人爱你很久
友情链接
这里是友情链接
虽然我很菜,但是也希望可以和更多人交换友链。
作品站
这里是我的 作品站
虽然菜,但还没放弃创造。
推广内容
或许你需要买便宜的服务器
你有优惠我有返利,何乐而不为呢。

立即查看 >>
也想使用 Hikari 2 ?
Hikari 2 已经被用来建站啦!点击这里来查看都有哪些案例以及我们的联系方式吧。