冒号在VueJS / Vuetify / HTML组件标签中代表什么

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时，对v-前缀的需求变得不那么重要。因此，Vue.js为两个最常用的指令v-bind和v-on提供了特殊的缩写。

https://v1.vuejs.org/guide/syntax.html#v-bind-Shorthand