侦听器watch

本文介绍了Vue.js中的侦听器(监听器)概念,它用于监听data数据变化并作出响应。普通监听适用于非对象数据,监听器方法与data属性同名,并接收新值和旧值作为参数。深度监听则针对对象数据,需要使用`handler`和`deep`属性,但无法获取旧值,因为对象引用未保存。理解并正确使用这两种监听方式对于优化Vue应用的响应式性能至关重要。
摘要由CSDN通过智能技术生成

1.定义

侦听器又名监听器
侦听器是属于vue中一个特殊的对象,对象上都是方法,和el、data平级,用来监听data数据的改变,从而做出及时的响应.

2.普通监听

* 普通监听: 除对象以下的数据(数组)
* 监听器中方法名是其data中对应的属性名
* 系统自动注入的参数,有两个 newVal: 更新后的新值   oldVal:更新前的旧值
* 监听器中的所有方法:无需调用,当被监听的数据发生改变时,自动被执行

 

3.深度监听

对象数据的监听需要使用深度监听,虽然也可以兼听普通数据但是没有必要使用尝试监听
* 深度监听需要使用固定方法handler和deep属性
* 系统自动注入一个参数: newVal,在深度监听中无法获取更新之前的旧值,因为使用深度监听中没有保存更新之前的旧值,这也和引用类型特点有关系

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沁沁酱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值