vue当中的收集表单数据以及过滤器

1.上代码：

	
		
		
		
	
	
		

			

				账号： 


				密码： 


				年龄： 


				性别：
				男
				女 


				爱好：
				学习
				打游戏
				吃饭
				


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


				其他信息：
				 


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

	

2.知识点总结：

收集表单数据：

若：，则v-model收集的是value值，用户输入的内容就是value值
若：，则v-model收集的是value值，且要给标签配置value属性
若：
没有配置value属性，那么收集的是checked属性（勾选 or 未勾选，是布尔值）
配置了value属性：
v-model的初始值是非数组，那么收集的就是checked（勾选 or 未勾选，是布尔值）
v-model的初始值是数组，那么收集的就是value组成的数组
v-model的三个修饰符：

lazy：失去焦点后再收集数据
number：输入字符串转为有效的数字
trim：输入首尾空格过滤
 

3.效果图：

4.过滤器知识点总结：

过滤器：

定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。

语法：

注册过滤器：Vue.filter(name,callback) 或 new Vue（{filters:{}}）

使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"
 

5.代码示例：

	
		
		
		
		
	
	
		

			
时间
            
当前时间戳：{{time}}
            
转换后时间：{{time | timeFormater()}}
			
转换后时间：{{time | timeFormater('YYYY-MM-DD HH:mm:ss')}}
			
截取年月日：{{time | timeFormater() | mySlice}}
		
	

	

6.效果图