hdml指的是什么接口
284
2023-06-04
详解Vue监听数据变化原理
本人最近在学习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}}
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~