作用域插槽

component('list',{
data(){
return {
list:[1,2,3]
}
},
template: <div> <slot v-for='item in list' :item="item"/> </div>
})
const app = Vue.createApp({
template: <list v-slot="slotProps">//v-slot='{item}' <div>{{slotProps.item}}</div>//{{item}} <span>{{slotProps.item}}</span>//{{item}} </list>
})

posted @ 2021-08-15 09:23  onceweb  阅读(35)  评论(0)    收藏  举报