vue动态绑定属性--基本用法及动态绑定class
动态绑定属性v-bind:，语法糖形式:省略v-bind，仅写一个冒号。
一、动态绑定基本属性
1
2 3二、动态绑定class
（1）基本用法：
1
2 78
9 10
11
12
13
17
18
29
{{msg}}
14 {{msg}}
15
16 （2）对象语法：
a.语法格式：v-bind:class="{类名1:布尔值,类名2:布尔值}"
1
2 78
9 10
11
12
13
16
17
29 {{msg}}
14
15 30
b.如果绑定的对象太长，可以放在方法或者是计算属性中，将其返回，调用方法时必须加上括号
1
2 78
9 10
11
12
15
16
32
{{msg}}
13
14 （3）数组语法
1
2 78
9 10
11
12
13
14
18
19
36 v-bind动态绑定class--数组语法(少)
15v-bind动态绑定class--数组语法(少)-方法
16 1737
38