本人最近在学习Vue,从网上查询了很多关于Vue监听数据变化原理,稍微整理精简一下做下分享。
浅度监听
浅度监听window.onload = function(){
var vm = new Vue({
el:'#box',
data:{
a:111,
b:2
}
});
vm.$watch('a',function(){
alert('发生变化了');
});
document.onclick = function(){
vm.a = 1;
}
}
{{a}}
{{b}}
深度监听
深度监听window.onload = function(){
var vm = new Vue({
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}}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。