vue中的数据代理、

一、vue中的数据代理

  1. 通过vm对象来代理data对象中属性的操作(读/写)
  2. 数据代理的好处就是可以更加方便操作data中的数据
  3. 基本原理:

                通过Objectdefineproperty()把data对象中所有属性添加到vm上,然后为每一个添加的属性制定一个hetter和setter。在getter/setter内部操作(读/写)data中对应的属性

 二、事件的基本使用

  1.  使用v-on:xxx或者是@xxx绑定事件,其中xxx是事件名
  2. 事件的回调需要配置在methods对象中,最终会在vm上
  3. methonds中配置的函数,不要使用箭头函数,否则this将是Windows而不是vm
  4. methods中配置的函数都是被vue所管理的函数,this的指向是vm或组件实例对象
  5. @click=“demo”和@click=“demo($event)”的效果一致,但后者可以传参数。

 三、事件修饰符

  1. prevent:阻止默认事件
  2. stop:阻止事件冒泡
  3. once:事件只触发一次
  4. capture:使用事件的捕获模式
  5. self:只有event.target是当前操作的元素时才触发事件
  6. passive:事件的默认行为立即执行,无需等待事件回调执行完毕
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值