vue-computed与watch属性

计算属性(computed)与监听属性(watch)

计算属性(computed)

1.定义:要用的属性不存在,要通过已有属性计算得来。
2.原理:底层借助了0bjcet . defineproperty方法提供的getter和setter.
3. get函数什么时候执行?
(1).初次读取时会执行一次。
(2).当依赖的数据发生改变时公被再次调用。
4.优势:与methods实现相比, 内部有缓存机制(复用),效率更高,调试方便。
5.备注
1.计算属性最终会出现在vm上,直按读取使用即可。
2.如果计算属性费被修改,那必须写set函数去响应修改,并且set中 要引起计算时依赖的数据发生
常用情况
当一个数据受多个数据影响时,可以使用computed
在这里插入图片描述

监听属性(watch)

监视属性watch:
1.当被监视的属性变化时,回调函数自动调用,进行相关操作
2.监视的属性必须存在,才能进行监视! !
3.监视的两种写法:
(1) . new Vue时传入watch配置
(2).通过vm. $watch监视
深度监视
(1).Vue中的watch默认不监测对象内部值的改变(一层)。
(2) .配置deep:true可以监测对象内部值改变(多层)。
备注:
(1).Vue’自身可以监测对象内部值的改变,但Vue提供的watch默认不可以!
(2) .使用watch时根据数据的具体结构,决定是否采用深度监视。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值