Vue2学习笔记（列表渲染）

案例由浅到深，逐步深入。

一 、案例1：v-for的使用方法

    
    
    
    


    
    

        
        
人员列表
        

            
{{p.name}}-{{p.age}}
        

        
        
汽车信息
        

            
{{value}}--{{key}}
        
    

二、key的原理

    
    
    
    


    
    

        
        
人员列表
        添加一个人员
        

            
{{p.name}}-{{p.age}}
            
        
        
    

三、列表过滤，可以通过watch和computed两种方法实现

1、watch方法

    
    
    
    


    
    

        
人员列表
        
        

            
{{p.name}}-{{p.age}}--{{p.sex}}
        
    

2、computed方法实现

    
    
    
    


    
    

        
人员列表
        
        

            
{{p.name}}-{{p.age}}--{{p.sex}}