在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)
复制代码

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