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

【问题标题】：What does the colon represent inside a VueJS/Vuetify/HTML component tag冒号在 VueJS/Vuetify/HTML 组件标签中代表什么
【发布时间】：2019-01-03 15:02:46
【问题描述】：

我正在使用 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 前面的冒号 (:) 是什么意思？我在哪里可以找到我可以使用的值？

【问题讨论】：

What does it mean when an html attribute is prefixed with a colon?的可能重复
@thanksd 我怎么没找到这个，我找了一会儿，谢谢

标签： html vue.js

【解决方案1】：

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

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

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

【讨论】：

我确实看过那个页面。一定看过了。有道理，谢谢