Vuejs 绑定样式

class　

   　1.字符串形式：多用于 样式的类名不确定的情况，需要动态指定

　　　 <div :class="类名"></div>

　　2.数组形式：多用于 样式个数不确定、名称也不确定的情况

　　　　<div :class="数组名"></div>

　　3.对象形式：多用于 样式个数确定，名称也确定，但要动态决定使用与否

　　　　<div :class="对象名"></div>

style：样式对象必须是存在的Css，否则无效

　　4.对象样式：

　　　　<div :style ="styleObj"></div>

　　　　<div :style="{fontSize: fsize + 'px'}"></div>

　　　　　　styleObj: {

　　　　　　　　fontSize: "30px",

　　　　　　　　color: "purple",

　　　　　　},

　　5.数组样式：

　　　　<div :style="sytleArr"></div>　　　　　　　　

　　　　　　styleArr: [

　　　　　　　　{fontSize: "20px",},

　　　　　　　　{ color: "pink" }

　　　　　　]