案例

1.v-for制作表格

    
    
    



    

        

            

                
姓名
                
年龄
                
性别
            
        
        

            

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

效果图：

image.png

2. v-bind案例，包含v-for,给类进行绑定

    
    
    



    
    
    

        {{college}}
    
    
今天天气很好

效果图：

image.png

3. 综合小练习（学生录入系统）

    
    
    



    
    

        
拇指哥学生录入系统
        

            姓名：
            
        
        

            年龄：
            
        
        

            性别：
            
                男
                女
            
        
        

            手机：
            
        
        创建新用户
    

    
    

        

        

            
姓名
            
性别
            
年龄
            
手机
            
删除
        
        
        

        

            
{{p.name}}
            
{{p.sex}}
            
{{p.age}}
            
{{p.phone}}
            

                删除
            
        
        
    

效果图：

image.png