事件event对象是脚本开发中一个非常的对象,vue中对事件和事件对象进行良好
的支持
通过v-on 事件名称 绑定事件操作 语法上可以优化为@事件名称完成的绑定操作
事件对象
事件操作函数不带参数的时候,事件处理函数的第一个形式参数,默认就是事件对象
这里也不需要添加兼容性写法
带参数的事件对象
事件操作函数如果附带参数的情况下,vue提供了显示的事件对象:$event,用于事件
传参
事件修饰符
事件操作过程中,会包含很多事件附加操作,如阻止事件冒泡 事件一次性触发等等
vue中提供对应的事件修饰符可以在事件绑定直接完成关联
.stop 阻止事件冒泡
.prevent 阻止默认行为
.capture 捕获触发
.once 只触发一次性
.self 独立触发
.passive 滚动行为
数据双向绑定
所谓数据双向绑定,是出现在前端应用中一个专业术语,描述了数据在界面和数据处理部分之间的关联
关系,数据在视图界面和脚本数据部分实现了双向绑定 简称mvvm
HTML界面,视图层 view 通过数据关联 到数据处理成
数据处理层 通过数据关联 渲染到HTML页面 视图层
.trim 剔除输入数据两侧的空格
.number 将数据转换成数值 如果转换不成功就什么都不做
.lazy 延迟数据同步 失去焦点的时候完成同步
.enter 按下回车键
.esc 按下esc
数据双向绑定底层实现原理 就是数据劫持
数据劫持是一种变量的声明方式 用来声明可以被监听的变量
数据劫持通过object。defineproperty()系统实现