作用域插槽

 <script>

    // 当子组件渲染的内容需要父组件 决定的时候  使用

        var app = Vue.createApp({  

            template:`

                <list v-slot="slotProps">

                    <p>{{slotProps.item}}</p>

                </list>

            `,

        })

         

        app.component('list',{  

            data(){

                return {

                    list:[1,2,3]

                }

            },

            template:` <div >

                          <slot v-for="item in list" :item="item" />

                    </div>

                    `

        })

       const vm =  app.mount('#root')

    </script>