Vue核心基础5：数据监测、收集表单数据、过滤器

1 数据监测

【代码】

    
    
    
    



    

        
学生信息
        
        年龄+1
        添加性别属性，默认值为男
        修改性别
        在朋友列表首位添加一个朋友
        修改第一个朋友的名字为：小章
        添加一个爱好
        修改第一个爱好为：吃饭



        
姓名：{{student.name}} ---- 年龄：{{student.age}}
        
性别：{{student.sex}}
        
朋友
        

            
姓名：{{fr.name}} -----
                年龄：{{fr.age}}
            
        

        
爱好
        

            
{{h}}
        
    
    

总结： 

---

2 收集表单数据

    
    
    
    



    

        

            
            

            
            
            账号：
            

            密码：
            


            性别：
            男
            女


            年龄：
            

            

            爱好：
            学习
            吃饭
            睡觉


            所属校区:
            
                请选择
                北京
                南京
                上海
                苏州
            
            



            其它信息：

            
                        
            



            
            阅读并接受用户协议用户协议
            




            提交

        
    
    

总结：

---

3 过滤器

【代码】

    
    
    
    
    



    

        
显示格式化后的当前时间
        
        
{{forTime}}

        
        
{{getTime()}}

        
        
{{time | formatTime}}

        
        
{{time | formatTime('YYYY-MM-DD')}}

        
        
{{time | formatTime('YYYY-MM-DD') | mySlice}}

    
    

总结：