三、动态绑定属性（Class）

一、v-bind 用于绑定一个或者多个属性值，或者向另一个组件传递props值 ( 比如图片的链接src、网站的链接href、动态绑定一些类、样式等等 )

下图是通过 v-bind 绑定a标签的href 和 图片的src属性

    
        "UTF-8">
            
        
    
    
        
"app">
            
            
            
           "ImageUrl" alt="">

           "aUrl">百度一下
        
        
    

 二、v-bind语法糖 

v-bind对应的语法糖，简写形式 ，通常在编写代码时使用缩写的方式

       百度一下 为百度一下

三、 v-bind动态绑定 class ( 对象语法 )

    
        "UTF-8">
            
        
        
    
    
        
"app">
          
          
          class="{ active : IsactiveC  }">{{message}}
          

          class="getClasses()">{{message}}
          

          "isBtnClick">按钮
        
        
    

四、02-v-bind动态绑定class(数组语法)

    
        "UTF-8">
            
        
        
    
    
        
"app">
          
class="['active','line']"> {{message}} 
          
class="getClassSe()"> {{message}}