Vue003_class 与style 绑定
生活随笔
收集整理的這篇文章主要介紹了
Vue003_class 与style 绑定
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
class 與style 綁定
理解
1) 在應用界面中, 某個(些)元素的樣式是變化的
2) class/style 綁定就是專門用來實現(xiàn)動態(tài)樣式效果的技術
class 綁定
1) :class='xxx'
2) 表達式是字符串: 'classA'
3) 表達式是對象: {classA:isA, classB: isB}
4) 表達式是數(shù)組: ['classA', 'classB']
style 綁定
1) :style="{ color: activeColor, fontSize: fontSize + 'px' }"
2) 其中activeColor/fontSize 是data 屬性
結(jié)果展示
總結(jié)
以上是生活随笔為你收集整理的Vue003_class 与style 绑定的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Vue002_计算属性和监视
- 下一篇： Vue004_条件渲染