Html与vue对象data属性交互的语法

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。