1.HTML标签的内容用{{ key }}读取 ==》即双大括号+key读取相应的value值
2.HTML标签的属性值用 v-bind(v语法):属性值=“key” 读取相应的value值
版本2.6后属性值 支持动态参数 即
可以用方括号括起来的 JavaScript 表达式作为一个指令的参数:
<!--
注意,参数表达式的写法存在一些约束,如之后的“对动态参数表达式的约束”章节所述。
-->
<a v-bind:[attributeName]="url"> ... </a>
这里的 attributeName
会被作为一个 JavaScript 表达式进行动态求值,求得的值将会作为最终的参数来使用。例如,如果你的 Vue 实例有一个 data
属性 attributeName
,其值为 "href"
,那么这个绑定将等价于 v-bind:href
。