收集表单数据

收集表单数据我们主要使用的是v-model命令，（v-model命令可以实现数据的双向绑定）。

若是：<input type="text"/>，则v-model收集的是value值。

若是：<input type="radio"/>，则v-model收集的是value值。

若是：<input type="checkbox"/>

1.没有配置input的value属性，那么收集的的就是checked（勾选 or 未勾选，是布尔值）

2.配置input的value属性:

(1)v-model的初始值是非数组，那么收集的的就是checked（勾选 or 未勾选，是布尔值）

(2)v-model的初始值是数组，那么收集的的就是value组成的数组

因此，当我们想要收集checkbox的value数组时，应将data中的对应属性初始化为空数组。

（像输入文本框这种，value会自动绑定输入内容，但是单选框需要我们手动配置value属性，才能返回单选内容，否则只会返回true/false）

二选一的单选框可以通过设置相同的name来进行单选设置

性别：男<input type="radio" name="sex" v-model="userInfo.sex" value="male">
女<input type="radio" name="sex" v-model="userInfo.sex" value="female">

过滤器

过滤器的功能：对要显示的数据进行特定的格式化，并不是改变了原数据，而是创建一个新数据。

我们需要先创建一个过滤器

Vue.filter(过滤器名字, function(value[,arg1,arg2,...]){
					// 进行一定的数据处理
					return newValue
				})

一般过滤器我们可以使用现成的插件，进行插件导入即可。

过滤后的新数据写法：

<div>{{myData | filterName}}</div>
<div>{{myData | filterName(arg)}}</div>

arg可以传入希望的格式。

过滤器可以进行连续过滤，执行过滤的顺序由左向右。

内置指令

常用内置指令
			v-text 		:  更新元素的 innerText
			v-html 		:  更新元素的 innerHTML
			v-if 	 		:  条件渲染（动态控制节点是否存在）
			v-else 		:  条件渲染（动态控制节点是否存在）
			v-show 		:  条件渲染 (动态控制display)
			v-for  		:  遍历数组/对象
			v-on   		:  绑定事件监听, 可简写为@
			v-bind:xxx : 强制绑定解析表达式, 可简写为 :xxx
			v-model		: 双向数据绑定