如何在vue中完成组件嵌套?

Question

问题描述

我希望在引用不同的组件的时候可以在组件中完成嵌套,但是我发现渲染的结果是外层组件被渲染了出来,但是内部组件被忽略掉了

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

    <div class="tabbox-container">
        <tabbox :data="$data.tab">
            <product-card :data="datas" v-for="datas in $data.tab_list"></product-card>

        </tabbox>
    </div>

你期待的结果是什么？实际看到的错误信息又是什么？

我确定我引入了相关的组件
我希望内部的product-card组件可以被渲染出来
并没有错误信息提示 只是product-card被默默的忽略掉了

先谢过各位大神!

Answer 1

使用 slot

Answer 2

不先去看文档的嘛。。。。。官网文档讲的很明白。。。。

https://cn.vuejs.org/v2/guide...