浅度监听
代码如下 | 复制代码 |
window.onload =function(){ varvm =newVue({ el:'#box', data:{ a:111, b:2 } }); vm.$watch('a',function(){ alert('发生变化了'); }); document.onclick =function(){ vm.a = 1; } }
{{a}}
{{b}} |
深度监听
代码如下 | 复制代码 |
window.onload =function(){ varvm =newVue({ el:'#box', data:{ json:{name:'abcdef',age:'16'}, b:2 } }); vm.$watch('json',function(){ alert('发生变化了'); },{deep:true}); document.onclick =function(){ vm.json.name ="aaaaaa"; } }
{{json | json}}
{{b}} |