当前位置: 首页 > news >正文

vue3 composition 模式下watch object

记录一些watch 一个object,即有子成员

  const message = ref('')const user = ref({firstName: '',lastName: ''})

对user 只能 watch value,直接watch user或者user.value.firstName都不可以。

 watch(message, (newValue, oldValue) => {console.log('New Value', newValue)console.log('Old Value', oldValue)// changelog.value = changelog.value + newValue + '=》' + oldValue})watch(user.value,(newValue, oldValue) => {message.value = newValue.firstName + oldValue.lastNameconsole.log('user New Value')console.log('user Old Value')// changelog.value = changelog.value + newValue + '=》' + oldValue})

或者 使用callbacks

watch([// getter callbacks() => user.value.firstName,() => user.value.lastName],(newValues, oldValues) => {console.log('New First Name', newValues[0])console.log('Old First Name', oldValues[0])console.log('New Last Name', newValues[1])console.log('Old Last Name', oldValues[1])})

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 软考架构-构件技术
  • 高亮你的文字:CSS ::selection 伪元素的魔法
  • 关于springboot对接通义千问大模型的尝试(一)
  • 【Docker】Docker 的基本概念和优势简介
  • 数据库和缓存不一致的问题及解决方案
  • Redis篇三:在Ubuntu下安装Redis
  • Python生成JMeter测试脚本----HTTP信息头管理器和用户定义的变量
  • 使用gitee存储项目
  • Java中的序列化与反序列化深度剖析
  • 分局高清视频监控及监控中心项目-技术方案(下)
  • 【Kotlin设计模式】Kotlin实现适配器模式
  • 硬件面试经典 100 题(81~90)题
  • 【Linux】第十七章 多路转接(select+poll+epoll)
  • 汽车功能安全--AutoSAR中的功能安全机制
  • 报考中国科学院计算技术研究所博士
  • 网络传输文件的问题
  • 【刷算法】从上往下打印二叉树
  • CSS盒模型深入
  • css属性的继承、初识值、计算值、当前值、应用值
  • Cumulo 的 ClojureScript 模块已经成型
  • ES6 ...操作符
  • express如何解决request entity too large问题
  • IDEA 插件开发入门教程
  • JavaScript新鲜事·第5期
  • Java编程基础24——递归练习
  • Js基础知识(一) - 变量
  • magento 货币换算
  • maya建模与骨骼动画快速实现人工鱼
  • MYSQL 的 IF 函数
  • QQ浏览器x5内核的兼容性问题
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • 从 Android Sample ApiDemos 中学习 android.animation API 的用法
  • 大快搜索数据爬虫技术实例安装教学篇
  • 关于for循环的简单归纳
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 如何选择开源的机器学习框架?
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 用简单代码看卷积组块发展
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • ​水经微图Web1.5.0版即将上线
  • #AngularJS#$sce.trustAsResourceUrl
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • ( 10 )MySQL中的外键
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (4) PIVOT 和 UPIVOT 的使用
  • (C11) 泛型表达式
  • (Redis使用系列) Springboot 整合Redisson 实现分布式锁 七
  • (补)B+树一些思想
  • (第二周)效能测试
  • (附源码)ssm户外用品商城 毕业设计 112346
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (一)WLAN定义和基本架构转
  • (转)清华学霸演讲稿:永远不要说你已经尽力了
  • (转载)跟我一起学习VIM - The Life Changing Editor