class结合v-bind使用

class结合v-bind使用

• 需要根据可变的表达式的结果来给class赋值，就需要用到v-bind:class=“xxx”

• v-bind:属性名=“表达式”，最终表达式运算结束的结果赋值给该属性名

  • 简化的写法是: :属性名="表达式"

• class:结果的分类

  • 一个样式: 返回字符串(三元表达式和key和样式的清单对象)

  • 多个样式：返回对象(样式做key，true或flase做值)

    单个class
     
    多个class
     
    复杂情况，通过遍历，根据当前对象的成绩，匹配成绩和样式的清单对象，用成绩做key，取对象的value，最终返回字符串做样式名
        
    
       	 	
    
               {{stu.name}}