How to accomplish component nesting in vue?

problem description

I hope to be able to nest in components when referencing different components, but I find that the result of rendering is that the outer components are rendered, but the inner components are ignored

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

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

        </tabbox>
    </div>

what result do you expect? What is the error message actually seen?

I"m sure I"ve introduced related components
I hope the internal product-card components can be rendered
there is no error message, but product-card is silently ignored

.

Thank you all in advance!

Mar.20,2022

Don't you read the document first? The documents on the official website are very clear.

ide/components-slots.html" rel=" nofollow noreferrer "> https://cn.vuejs.org/v2/guide.


use slot

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3357c-2be7a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3357c-2be7a.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?