深度监听:
基本格式: deep: true
作用:监听对象内部属性的变化。
监听属性是指用watch监听的data数据发生改变时,返回一个新值和一个旧值,而假设这个对象是b: {c: ' ' , d: ' '},这样的data对象中当b和c发生改变时,watch并不能监听到c和d的改变,所以我们将用深度监听来解决这一问题,在深度监听时,a的属性c和d发生改变时,就能触发相应的代码了。
<body>
<div class="demo">
<input type="text" v-model="b.m">
</div>
<script>
new Vue({
el: '.demo',
data: {
b: {
m: 'm'
}
},
watch: {
b: {
deep: true,
handler(new_m, old_m) {
console.log('get');
}
}
}
})
</script>
</body>