直接看下面代码:
  1.红色的的为一个对象,watch监听时。需要借助 computed 属性,否则watch监听打印出来的新旧值看不出。(注:方法可以随便写,但是 computed 中 与 watch的名字要一致,且computed中必须return返回值。)
2.蓝色的的为一个普通的变量,watch监听获取它的新旧值时,直接在watch中书写即可。(注:名字必须为 要监听的 变量名字)


data(){
return{
Form:{aaa: '',bbb:''},
value: '',
}
} computed: {
NewForm() {
return JSON.parse(JSON.stringify(this.Form));
},
},
watch: {
NewForm: {
handler(newVal, oldVal) {
console.log('旧值:',oldVal);
console.log('新值:',newVal);
},
deep: true, //深度监听(可监听到对象、数组的变化)
},
value(newVal,oldVal) {
console.log('旧值:',oldVal);
console.log('新值:',newVal);
}
}

最新文章

  1. 在android studio 中使用applicationid的问题
  2. java继承与多态-3个小题
  3. android上传图片至服务器
  4. C 语言链表操作例程 (待完善)
  5. [ 单例、代理 & 通知 ]
  6. [置顶] SQL注入安全分析
  7. git fetch pull checkout区别
  8. STM32串口寄存器操作(转)
  9. inline的C99标准相关原文
  10. Servlet与Jsp的结合使用实现信息管理系统一
  11. 获取tranform参数函数的封装
  12. nslookup命令的安装及使用
  13. Android 的 Sqlite基本操作
  14. 基于weex的app开发脚手架weexplus学习笔记
  15. select、poll、epoll之间的区别总结[转载]
  16. POJ - 3244-Difference between Triplets
  17. 异步async/await简单应用与探究
  18. 两台linux主机使用unison + inotify实现web文件夹同步
  19. PFX文件提取公钥私钥
  20. Quatz入门

热门文章

  1. Luogu P3919 【模板】可持久化线段树 1(可持久化数组)
  2. js/jquery 所有页面点击事件(持续更新)
  3. 免费ASP空间
  4. Linux操作命令(八)1.sort命令 2.uniq命令 3.join命令
  5. 关于centos8yum源失效问题
  6. Git 提交和拉取服务器最新版本代码方法
  7. Ubuntu系统安装搜狗拼音输入法
  8. PV动态供给之nfs
  9. 关于JMeter WebSocket插件:JMeter WebSocket插件-关闭SignalR连接--webSocket Close报错
  10. Vue项目使用/deep/报错:SassError: expected selector解决方案--亲测有效