获得 v-slot 的值

v-slot是Vue.js 2.6版本中引入的新语法糖，用于替代旧的slot和slot-scope语法。v-slot可以通过以下两种方式来获取其值：

1.通过默认插槽获取v-slot的值：

<template v-slot:default="slotProps">
  {{ slotProps }}
</template>

在这个例子中，我们使用了默认插槽，并将其命名为default。我们还使用了v-slot指令来告诉Vue.js我们要使用v-slot语法糖。最后，我们将default插槽的值绑定到了一个名为slotProps的变量上，并将其输出到模板中。

2.通过具名插槽获取v-slot的值：

<template v-slot:header="slotProps">
  {{ slotProps }}
</template>

在这个例子中，我们使用了具名插槽，并将其命名为header。我们还使用了v-slot指令来告诉Vue.js我们要使用v-slot语法糖。最后，我们将header插槽的值绑定到了一个名为slotProps的变量上，并将其输出到模板中。