slot-scope="scope" vue 3.0

在Vue 3.0中，使用slot-scope="scope"来定义作用域插槽。作用域插槽允许传递数据到插槽内部，以便在插槽内部使用。通过这种方式，可以在父组件中将数据传递给子组件的插槽，并在插槽内部进行处理或显示。

例如，假设有一个父组件中定义了一个名为"list"的数组。可以通过以下方式将数据传递给子组件的插槽：

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

然后，在子组件中使用作用域插槽来接收并使用这些数据：

<template>
  <div>
    <slot-scope="scope">
      <p>{{ scope.item }}</p>
    </slot-scope>
  </div>
</template>

在这个例子中，父组件通过v-for循环遍历"list"数组，并将每个数组元素作为"item"传递给子组件的插槽。子组件则使用作用域插槽接收传递过来的"item"数据，并在插槽内部进行显示。