事件修饰符(6种)
| 事件修饰符 | 说明 |
|---|---|
| .stop | 阻止冒泡 |
| .prevent | 阻止默认行为 |
| .capture | 添加事件监听器时使用事件捕获模式（即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理） |
| .self | 只当在 event.target 是当前元素自身时触发处理函数(事件不是从内部元素触发的) |
| .once | 事件将只会触发一次(可数组事件) |
| .passive | 滚动事件的默认行为 (即滚动行为) 将会立即触发(而不会等待 onScroll 完成,包含 event.preventDefault() 的情况) |
按键修饰符
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right系统修饰符
.ctrl
.alt
.shift
.meta鼠标按钮修饰符
.left
.right
.middle表单修饰符
.lazy 使用 change 事件进行同步
.number 自动将用户的输入值转为数值类型
.trim 自动过滤用户输入的首尾空白字符computed与watch的区别
1. computed监听的是函数内部依赖的数据
computed：一个属性依赖于多个属性时，推荐使用
2. watch可以对数据进行观察，如果有数据变化，则会进一步触发数据的相应,对当前数据有依赖的所有数据进行更新
watch()：多个属性依赖一个属性是，推荐使用vue属于一个mvvm架构的前端框架
vue中可以使用key属性防止元素的复用
vue中的条件渲染指令 v-if v-else v-else-if
vue中更新渲染列表时，默认使用“就地复用”策略
vue中数组的变异方法
(改变原数组，直接更新数据，页面会重新渲染)
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
push() 往数组最后面添加一个元素，成功返回当前数组的长度
pop() 删除数组的最后一个元素，成功返回删除元素的值
shift() 删除数组的第一个元素，成功返回删除元素的值
unshift() 往数组最前面添加一个元素，成功返回当前数组的长度
splice() 有三个参数，第一个是想要删除的元素的下标（必选），第二个是想要删除的个数（必选），第三个是删除
后想要在原位置替换的值（可选）
sort() 使数组按照字符编码默认从小到大排序,成功返回排序后的数组
reverse() 将数组倒序，成功返回倒序后的数组