VUe的绑定样式

一、class样式

写法：:class="xxx" xxx可以是字符串、对象、数组。

1.字符串写法适用于：类名不确定，要动态获取。

HTML代码： 

{{name}}

JavaScript代码： 

---

2.。数组写法,适用于：要绑定的样式个数确定，名字也确定,但要动态决定用不用

HTML代码：

{{name}}

JavaScript代码： 

3.对象写法适用于：要绑定的样式个数不确定，名字也不确定

HTML代码：

{{name}}

JavaScript代码： 

​


​

二、绑定style样式

写法：

                      :style="{fontSize:xxx}",其中xxx是动态值。

                      :style="[a,b]"其中a、b是样式对象

1.对象写法： 

HTML代码：

{{name}}

JavaScript代码： 

---

2.数组写法：

HTML代码：

{{name}}

JavaScript代码：