vue数据代理

数据代理如下：

Vue中的事件修饰符：
1. prevent:阻止默认事件
2. stop:阻止事件冒泡
3. once:事件只触发一次
4. capture:使用事件的捕获模式
5. self:只有event.target是当前操作的元素时才触发
6. passive事件的默认行为立即执行，无需等待事件回调执行完毕。

Vue中常用的按键别名：
1. 回车 => enter
2. 删除 => delete (捕获"删除"和"退格"键)
3. 退出 => esc
4. 空格 => space
5. 换行 => tab(特殊，必须配合keydown去使用)
6. 上 => up
7. 下 => down
8. 左 => left
9. 右 => right
vue未提供别名的按键，可以使用按键原始的key值去绑定，但 注意要转换为key-case(短横线命名)
vue.config.keyCodes,自定义键名 = 键码，可以去定制按键别名
在Vue中修改数组元素，一定要用下列方法，否则修改的数据无法在页面上显示。
push() pop() shift() unshift() splice() sort() reverse() 或者 Vue.set() vm.$set().注意：Vue.set()和vm.$set()不能给vm或vm的根数据对象添加属性。

收集表单数据：

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