
上QQ阅读APP看书,第一时间看更新
5.1.4 v-bind
v-bind指令主要用于响应更新HTML元素的属性,将一个或多个属性或者一个组件的prop动态绑定到表达式。
【例5.13】中,将按钮的title和style属性通过v-bind指令进行绑定,这里对于样式的绑定,需要构建一个对象。其他的对于样式的绑定方法,将在后面的章节中详细介绍。
【例5.13】v-bind指令(源代码\ch05\5.13.html)。

在浏览器中运行程序,按F12键打开控制台并切换到“Elements”选项,可以看到数据已经渲染到了DOM中,结果如图5-21所示。

图5-21 v-bind指令