v-bind以及class与style的绑定

1.写出本课中v-bind的作用，并分别写出v-bind的变量语法，数组语法，对象语法

v-bind的作用：用来绑定属性，动态地绑定一些 class 类名或 style 样式，格式是 v-bind：属性名 = "值"，简写 :属性名 = "值"。

变量语法：v-bind：class = "变量"，这里的变量，通常是在css定义好的类名。

数组语法：v-bind：class= "[变量1，变量2]" ，数组形式可以同时绑定多个类名。

对象语法：v-bind：class = {classname：boolean}，classname是样式中的类名，boolean通常是一个变量，也可以是常量、计算属性等，这种方法也是绑定class最常用的方式。

  
    
    
    
    
    
  
  
    

      
变量语法
      
对象语法
      
数组语法
    
    
    
  

2.使用v-bind对象语法来动态绑定一个class，使用对象语法

  
    
    
    
    
    
  
  
    

      
对象语法
    
    
    
  

3.使用v-bind数组语法来动态绑定一个class，使用数组语法

  
    
    
    
    
    
  
  
    

      
数组语法
    
    
    
  

4.v-bind绑定style属性

  
    
    
    
    
  
  
    

      
style属性