logo标签列表

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

htmlvue.js
24

我正在使用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>

< p >以< code >：key为例，冒号（< code >：）前的单词< code > key 意味着什么？我在哪里可以找到可以使用的值？< /p >
3
可能是What does it mean when an html attribute is prefixed with a colon?的重复问题。 - thanksd
@thanksd，我怎么没发现这个，我找了很久，谢谢。 - thatOneGuy
1个回答
37

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

v-前缀作为识别模板中Vue特定属性的视觉提示。当你使用Vue.js将动态行为应用于一些现有的标记时，这很有用，但对于一些频繁使用的指令来说可能会感到冗长。同时，在构建Vue.js管理每个模板的SPA时，v-前缀的需要变得不那么重要。因此，Vue.js为两个最常用的指令提供了特殊的简写，即v-bind和v-on。

https://cn.vuejs.org/v2/guide/syntax.html#%E7%BC%A9%E5%86%99

1
我确实看过那个页面。可能只是匆匆一瞥而已。明白了，谢谢。 - thatOneGuy
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接