Question

我正在使用Vuetify，所以它可能是VueJS，Vuetify甚至是HTML问题，但是我的组件看起来像这样：

<v-list-tile 
  v-for="item in menuItem.items" 
  :key="item.type" 
  :style="`background: ${item.colour}`" 
  :html="item.type">
</v-list-tile>

以:key为例，在:之前的冒号（key）是什么意思？在哪里可以找到可用的值？

Answer 1

:key是v-bind:key的简写：

v前缀用作识别特定于Vue的视觉提示模板中的属性。当您使用Vue.js时，这很有用将动态行为应用于某些现有标记，但可以感觉到某些常用指令的详细信息。同时，当您建立一个 Vue.js管理每个模板的SPA。因此，Vue.js提供了两个最常用指令的特殊速记，v-bind 和v-on