動(dòng)態(tài)綁定style樣式

<h2 :style="{fontSize:'100px'}">{{message}}</h2>
<h2 :style="{fontSize:finalSize1}">{{message}}</h2>
<h2 :style="{fontSize:finalSize2}">{{message}}</h2>
<h2 :style="changeSize()">{{message}}</h2>

如果不加' '作為字符串進(jìn)行解析，那么vue就會(huì)去找這個(gè)變量

data：{

finalSize1:'30px',
finalSize2:60+'px',//int類(lèi)型和字符串類(lèi)型進(jìn)行隱式轉(zhuǎn)化，最后為字符串類(lèi)型
finalSize3:90+'px'

}

methods:{

changeSize:function (){
?return ?{fontSize:this.finalSize3}
}

}