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


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

1.vue中提供了在watch监听时设置deep:true 就可以实现对对象的深度监听; 2.immediate:true,代表watch里面声明了之后会立马执行handler里面的函数。

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

使用es6语法糖的方式

对象转数组
    Array.from(object)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM