本篇文章给大家分享的内容是深入了解vue.js 之watch用法,有着一定的参考价值,有需要的朋友可以参考一下
观测vue实例上的数据变动,对应一个对象,
键:就是需要监测的那个东西,
值:
1.可以是当键变化时执行的函数,有两个参数,第一个是变化前的值,第二个是变化后的值。 2.可以是函数名,得用单引号包裹。 3.可以是一个对象,这个对象有三个选项: (1)handler :一个回调函数,监听到变化时应该执行的函数。 (2)deep :boolean值,是否深度监听。(一般监听时是不能监听到对象属性值的变化的,数组的变化可以听到) (3)immediate :boolean值,是否立即执行handler函数。
el:'#app', data:{ meter:1000, kilameter:1 }, watch:{ meter:function(val){ this.kilameter = val * 0.1; }, kilameter:function(val){ this.meter = val *1000; } } })
el:'#app', data:{ arr:[1,2,3] }, watch:{ arr:function(oldV,newV){ console.log(oldV); console.log(newV); } } })
el:'#app', data:{ obj : { a:111, b:222 } }, watch:{ obj:{ handler:function(oldV,newV){ console.log(oldV); }, deep:true } } )
相关推荐:
立即学习“前端免费学习笔记(深入)”;
以上就是深入了解vue.js 之watch用法的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号