Vue.js 为元素动态绑定属性的 v-bind指令【笔记】

v-bind 语法:在使用过程中可以缩写为:,如:id


【Vue.js 为元素动态绑定属性的 v-bind指令【笔记】】1、我们为div动态绑定了一个class属性,为其添加动态样式
2、其中color是一个变量,我们可以在data中声明引用,也可以在使用v-for时引用循环出的元素属性或index下标,也可以直接使用css名称div-color都可以。
.div-color{ color: red; }

new Vue({ el: "", data:{ color: "div-color" } })

3、我们可以使用v-bind动态绑定任何HTML元素的属性,绑定方式同理。

    推荐阅读