构造v-for循环时,:key和v-bind:key有什么区别?

Jam*_*ley 3 vue.js v-for

有使用该密钥关键字使用既在Vue的文档的例子:key=v-bind:key=限定在该键时v-for循环。一个仅仅是另一个的语法糖,还是它们做不同的事情?

来自这两种类型的文档中的示例:

:key

<my-component v-for="item in items" :key="item.id"></my-component>
Run Code Online (Sandbox Code Playgroud)

v-bind:key

<my-component
  v-for="(item, index) in items"
  v-bind:item="item"
  v-bind:index="index"
  v-bind:key="item.id"
></my-component>
Run Code Online (Sandbox Code Playgroud)

Ham*_*bot 5

:key=并且v-bind:key=完全一样。

资料来源:https : //vuejs.org/v2/api/#v-bind

绑定

速记: :

  • 与@click 和 v-on:click 相同 (4认同)