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

1 数据监测

【代码】





    
    
    总结
    



    

学生信息

姓名:{{student.name}} ---- 年龄:{{student.age}}

性别:{{student.sex}}

朋友

  • 姓名:{{fr.name}} ----- 年龄:{{fr.age}}

爱好

  • {{h}}

总结: 

Vue核心基础5:数据监测、收集表单数据、过滤器_第1张图片


2 收集表单数据





    
    
    收集表单数据
    



    


性别:
年龄:
爱好: 学习 吃饭 睡觉
所属校区:

其它信息:


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


总结:

Vue核心基础5:数据监测、收集表单数据、过滤器_第2张图片


3 过滤器

【代码】





    
    
    过滤器
    
    



    

显示格式化后的当前时间

{{forTime}}

{{getTime()}}

{{time | formatTime}}

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

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

总结:

Vue核心基础5:数据监测、收集表单数据、过滤器_第3张图片

 

你可能感兴趣的:(Vue,vue.js,javascript)