数据代理如下:
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.
s
e
t
(
)
.
注
意
:
V
u
e
.
s
e
t
(
)
和
v
m
.
set(). 注意: 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:输入首尾空格过滤