Vue 中的井号 (#) 是什么意思?

dus*_*ter 12 javascript vue.js nuxt.js vuetify.js

我是一个相当新的 Vue 开发人员。在我们堆栈中的每个地方,我都会在组件组件中看到这样的代码:

<template #item.active="{ value }">
  <div :aria-label="String(value)" class="text-center">
    <v-icon v-if="value === null">mdi-minus</v-icon>
    <v-icon v-else color="red">mdi-close</v-icon>
  </div>
</template>
Run Code Online (Sandbox Code Playgroud)

对于我的生活,我无法弄清楚#item.active(特别是#)实际上做了什么。我们有很多散列项目。喜欢<template #item.actions-prepend="{item}"><template #toolbar-extension>

谷歌搜索# 不是一件容易的事情。显然我在我的 Vue 教程中错过了这个特定的视频!我们使用 Nuxt 和 Vuetify,不确定是否有帮助!

Edr*_*ric 9

正如评论中所提到的,#符号是v-slot属性的简写,正如在您的代码中使用<template>v-slot仅允许在组件上使用)所暗示的那样。