VUE_03_样式绑定和v-for的简单介绍

目录

 <:class>

<:style>

for循环使用

       普通数组 

对象数组

循环对象

迭代数字

v-for 中key属性的使用

---

 <:class>

  
  
  
  
  
  



  

    
1.这是一个很大很大的H1

    
    
    
2.这是一个很大很大的H1

    
    
3.这是一个很大很大的H1

    
    
4.这是一个很大很大的H1

    
    
5.这是一个很大很大的H1


  

  

<:style>

  
  
  
  
  



  

    
    
1.这是一个h1
    
    
2.这是一个h1
  

  

for循环使用

普通数组 

  
  
  
  
  



  

    

    
索引值：{{i}} --- 每一项：{{item}}

  

  

对象数组

  
  
  
  
  



  

    
Id：{{ user.id }} --- 名字：{{ user.name }} --- 索引：{{i}}
  

  

循环对象

  
  
  
  
  



  

    
    
键是： {{ key }} -------   值是： {{ val }} ------   索引：{{ i }}
  

  

迭代数字

v-for 中key属性的使用

  
  
  
  
  



  


    

      Id:
        
      

      Name:
        
      

      
    

    
    
    
    

      {{item.id}} --- {{item.name}}