vue浅度监听和深度监听

我们通常通过watch来监听数据的变化，然后做相应的处理，但是我们发现有时候watch无法监听对象内部的变化，这时候我们就需要用到深度监听，因为我们要知道浅度监听和深度监听的区别，浅度监听只能监听到数组长度的变化比如数组中添加一个元素，或者是某个值的变化比如改变data中a的值，但是如果想要监听某个对象内部值的变化，浅度监听就没有监听对象的变化，这时候就要用到深度监听，例：

data: {obj: {a: 2,b:3}}

mounted () {

this.obj.a  = 5

}

watch: {

obj () {

}

}

这时候watch无法监听到，用深度监听

watch:{

obj: {

handler () {}, deep:true

}

}

这时候用深度监听就可以了

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