vue 里面的v-bind：key什么意思？
发布网友
发布时间：2022-04-21 15:32
共1个回答
热心网友
时间：2023-11-14 21:34
首先v-bind:是绑定属性的意思，也可以简写为:key="item"。
v-bind 初探：
它是一个 vue 指令，用于绑定 html 属性，如下：<div id="app"> <p v-bind:title="title">html属性不能使用双大括号形式绑定，只能使用v-bind指令</p> </div> ...... var vm = new Vue({ el: '#app', data: { title: 'title content' } }); 这里的 html 最后会渲染成：<div id="app"> <p title="title content">html属性不能使用双大括号形式绑定，只能使用v-bind指令</p> </div> 。
指令预期值：
上面这种 v-bind 这也是我们对于 vue 指令最初的理解，但实际上，vue 指令的预期值（如 v-bind:class="classProperty" 中，v-bind 是指令，后面的 class 是参数，而 classProperty 则在官方文档中被称为“预期值”），除了像上面那样绑定一个字符串类型变量，其实它是支持一个单一 JavaScript 表达式 （v-for 除外）。
