vue入门：（class与style绑定）

• 对象语法
• 数组语法

 一、对象语法

1.1对象语法绑定HTML Class

语法：v-bind:class="{'className1':boolean1,'className2':boolean2}"

 1 <style>
 2     div{
 3         width: 100px;
 4         height: 100px;
 5     }
 6     .class1{
 7         background-color: #ff0;
 8     }
 9     .class2{
10         background-color:#f00;
11     }
12 </style>

示例参考样式