在vue中使用watch监测数据改变的deep:true,和immediate:true

在项目中,有时候检测一个变量的值是否反升了变化。通常使用的watch或者使用低效的循环判断。 在次vue中给我们设置了深度监测数据繁盛变化的方法。

这是一个使用vuex中的一个数据,settingData.在实际中要检测其值发生改变之后要让一个button按钮的disabled属性移除。我们可以使用类似的方式,但是这样写的时候必须使用handler函数。

还有immediate:true,代表watch里面声明了之后会立马执行handler里面的函数。执行相应的逻辑。 如果不设置这些属性可以使用循环的方式。 1.若是检测的是对象,使用循环的时候可以将其转换成数组。(简单的对象处理) 1.使用Object.keys(obj)将其对象中的key拿出来放进一个数组中 a.for...in... b.[].slice.call(object) 2.然后使用循环将对相应的值存储在另一个数组中。 3.然后根据业务逻辑处理相应的数组

2.使用es6语法糖的方式

1.数组转对象
复制代码

2.对象转数组
    Array.from(object)
复制代码

复杂的问题总有简单的思路,遇到问题先思考出路然后写代码。

转载于:https://juejin.im/post/5cf8787de51d4510aa0114c5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值