Vue从零开始总结7

动态绑定style样式

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

如果不加' '作为字符串进行解析，那么vue就会去找这个变量

data：{

finalSize1:'30px',
finalSize2:60+'px',//int类型和字符串类型进行隐式转化，最后为字符串类型
finalSize3:90+'px'

}

methods:{

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

}