Vue监视属性

天气案例

在这里插入图片描述

绑定事件的时候:@xxx="yyy”yy可以写一些简单的语句

天气案例_监视属性

监视属性watch:
1.当被监视的属性变化时,回调函数自动调用,进行相关操作
2.监视的属性必须存在,才能进行监视!!
3.监视的两种写法:
(1).new Vue时传入watch配置
在这里插入图片描述

(2).通过vm.$watch监视

在这里插入图片描述

handler什么时候调用?当isHot发生改变时。
在这里插入图片描述

在这里插入图片描述

通过vm对象的$watch()或watch 配置来监视指定的属性
当属性变化时,回调函数自动调用,在函数内部进行计算

天气案例_深度监视

深度监视:
(1).Vue中的watch默认不监测对象内部值的改变(一层)。
(2).配置deep:true可以监测对象内部值改变(多层)。

备注:
(1).Vue自身可以监测对象内部值的改变,但vue提供的watch默认不可以!
(2).使用watch时根据数据的具体结构,决定是否采用深度监视。

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

天气案例_深度监视 简写

在这里插入图片描述
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值