vue-语法3

事件修饰符

方法中只有纯粹的逻辑，而不用关注event.preventDefault()或event. stopPropagation()的细节

• stop 阻止事件继续传播,如click的向上冒泡
• prevent 阻止事件的默认行为，如链接的点击跳转，表单的跳转
• capture 事件捕获，先当前事件处理，再触发子元素的同类型事件
• self 只当在 event.target 是当前元素自身时触发处理函数
• once 事件只触发一次
• passive 能提升移动端的性能，如滚动，passvie和prevent不要一起使用， TODO passive的具体含义和用法待验证

事件的修饰符的声明顺序很重要，不同顺序不同效果

按键修饰符

在某个键盘按键按下时触发
eg: @keyup:enter
enter tab delete space up down left right etc
可以通过全局 config.keyCodes 对象自定义按键修饰符别名
eg : Vue.config.keyCodes.f1=112

.exact 修饰符

A


A


A

v-model

本质是语法糖，监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理
可作用在以下元素上input textarea select
v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源

v-model.lazy

v-model.number

v-model.trim

8/100