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元素的属性,绑定方式同理。
推荐阅读
- 为什么你的路演总会超时()
- 知识
- 财商智慧课(六)
- 低头思故乡——只是因为睡不着
- 华为旁!大社区、地铁新盘,佳兆业城市广场五期!
- 吃了早餐,反而容易饿(为什么?)
- 你有婚内虐待行为吗()
- Android中的AES加密-下
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- ?【段子图】内裤为啥湿呢(想想好邪恶啊...)