本篇文章给大家分享的内容是深入了解vue.js 之watch用法，有着一定的参考价值，有需要的朋友可以参考一下
watch：
观测vue实例上的数据变动，对应一个对象，
键：就是需要监测的那个东西，
值：
1.可以是当键变化时执行的函数，有两个参数，第一个是变化前的值，第二个是变化后的值。 2.可以是函数名，得用单引号包裹。 3.可以是一个对象，这个对象有三个选项： （1）handler ：一个回调函数，监听到变化时应该执行的函数。 （2）deep ：boolean值，是否深度监听。（一般监听时是不能监听到对象属性值的变化的，数组的变化可以听到） （3）immediate ：boolean值，是否立即执行handler函数。
watch的三种情况：
1. 普通的watch：
el:'#app', data:{ meter:1000, kilameter:1 }, watch:{ meter:function(val){ this.kilameter = val * 0.1; }, kilameter:function(val){ this.meter = val *1000; } }})
登录后复制
2.数组的watch：
el:'#app', data:{ arr:[1,2,3] }, watch:{ arr:function(oldV,newV){ console.log(oldV); console.log(newV); } }})
登录后复制
3.对象的watch：
el:'#app', data:{ obj : { a:111, b:222 } }, watch:{ obj:{ handler:function(oldV,newV){ console.log(oldV); }, deep:true } })
登录后复制
相关推荐：
VueJs探索之watch用法详解
VueJs $watch()方法总结!!
立即学习“前端免费学习笔记（深入）”；
以上就是深入了解vue.js 之watch用法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2773363.html
