动态绑定属性v-bind:，语法糖形式:省略v-bind，仅写一个冒号。

一、动态绑定基本属性

 1 
 2   
 3   
 4   
 5  　　
15 

二、动态绑定class

（1）基本用法：

 1 
 2   
 7 
 8 
 9 
10   

11 
12     
13     
{{msg}}
14     
{{msg}}
15 
16   
17   
18   
29 

（2）对象语法：

　　a.语法格式：v-bind:class="{类名1:布尔值,类名2:布尔值}"

 1 
 2   
 7 
 8 
 9 
10   

11 
12     
13     
{{msg}}
14 
15   
16   
17   
29 
30         

　　b.如果绑定的对象太长，可以放在方法或者是计算属性中，将其返回，调用方法时必须加上括号

 1 
 2   
 7 
 8 
 9 
10   

11 
12     
{{msg}}
13  
14   
15   
16   
32 

（3）数组语法

 1 
 2   
 7 
 8 
 9 
10   

11 
12     
13     

14     
v-bind动态绑定class--数组语法(少)
15     
v-bind动态绑定class--数组语法(少)-方法
16    
17   
18   
19   
36 
37 
38