一、作用
使用聲明式變量來控制class、style的值
二、語法
1. :class
:class='由css類名拼接而成的字符串';
:class='[表達(dá)式1, 表達(dá)式2, ...]'? 注:每一個表達(dá)式都要求返回一個已經(jīng)定義過的css類
:class='{"CSS類名1":布爾值, "CSS類名2":布爾值, ...}'
注:對象語法中key名的返回是有效的css類名,value必須是布爾值(小心布爾值的隱式類型轉(zhuǎn)換)。
2. :style
:style='ss'
注: ss可以html5中style值的字符串,可以[{},{}],還可以直接是 {css屬性名:css屬性值}
:style='[{},{}, ...]'
注:數(shù)組中的每個對象都是“css屬性:css屬性值”構(gòu)成的對象。
:style='{css屬性:css屬性值, ...}'
三、常見的坑
盡可能不要把動態(tài)class和靜態(tài)class一起使用,原因是動態(tài)class起作用的時間偏慢一些