v型槽如何工作？

Question

我不了解v槽的机制。以及它如何工作。如何绑定到变量。

在以下来自vuetify文档的代码中，请解释这一部分：

<template v-slot:thumb-label="props">
   <span>
   {{ season(props.value) }}
   </span>
</template>

我不明白什么是“道具”以及它与四季变奏曲的联系。

https://codepen.io/pumper/pen/NZZpeO

Answer 1

v槽将覆盖默认的thumb-label槽，并传递v-range-slider值prop（props或所选内容）。它没有连接到seasons变量，而是调用了season()方法并传递了当前范围的值。