vue.js - Vue：Vue 3 从插槽迁移到 v-slot

Question

我目前正在 Vue 2 中使用一个简单的插槽实现。我的父组件MyComponent使用OtherComponent. 我的MyComponent代码<slot></slot>用于内容。v-slot由于slot已弃用，我将如何更改插槽以适应 Vue 3 ？

父.vue

<MyComponent>
    <template v-slot="slotProps">
       <OtherComponent
          :data="slotProps.data"
       >
       </OtherComponent>
   </template>
</MyComponent>

我的组件.vue

<template>
    <div class="container">
       <template v-for="(item, index) in data">
            <slot :item="item"></slot>
       </template>
    </div>
</template>

标签： vue.jsvuejs2vuejs3