vue学习部分代码--笔记5 收集表单数据 过滤器

收集表单数据：
若：用户输入的就是value值。
若：要给标签配置value值。
若： 1.没有配置input的value属性，那么收集的就是checked（勾选 or 未勾选，是布尔值）
2.配置input的value属性:
(1)v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）
(2)v-model的初始值是数组，那么收集的的就是value组成的数组
v-model的三个修饰符：
lazy：失去焦点再收集数据
number：输入字符串转为有效的数字
trim：输入首尾空格过滤

过滤器：
定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。
语法：
1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}
2.使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = “xxx | 过滤器名”
备注：
1.过滤器也可以接收额外参数、多个过滤器也可以串联
2.并没有改变原本的数据, 是产生新的对应的数据

 

			

				账号： 


				密码： 


				年龄： 


				性别：
				男
				女 


				爱好：
				学习
				打游戏
				吃饭
				


				所属校区
				
					请选择校区
					北京
					上海
					深圳
					武汉
				
				


				其他信息：
				 


				阅读并接受《用户协议》
				提交
			
		

new Vue({
			el:'#root',
			data:{
				userInfo:{
					account:'',
					password:'',
					age:18,
					sex:'female',
					hobby:[],
					city:'beijing',
					other:'',
					agree:''
				}
			},
			methods: {
				demo(){
					console.log(JSON.stringify(this.userInfo))
				}
			}
		})

 

			
显示格式化后的时间
			
			
现在是：{{fmtTime}}
			
			
现在是：{{getFmtTime()}}
			
			
			
现在是：{{time | timeFormater}}
			
			
现在是：{{time | timeFormater('YYYY_MM_DD') | mySlice}}
			
尚硅谷