初始vue(2)


事件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()系统实现

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值