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

【Uniapp-Vue3】watch和watchEffect监听的使用

想要使用watch监听需要引入watch:

import {watch} from "vue";

监听某一个变量(浅层监听):

watch(变量名, (newValue, oldValue)=>{...})

我们监听变量num,通过输入input去改变num的值: 

 

 

监听对象中的某一个属性(深度监听):

watch(()=>变量名.value.属性名, (newValue, oldValue)=>{...})

 

如果我们想要对该对象的所有属性都进行深度监听,则使用如下写法:

watch(变量名, (newValue, oldValue)=>{...}, {deep:true}) 

我们使用如下写法以后修改person中的所有属性都会触发watch: 

 

 注意:开启全属性深度监听会在一定程度上降低代码的性能

程序启动时立即进行一次监听:

watch(变量名, (newValue, oldValue)=>{...}, {deep:true, immediate:true}) 


http://www.kler.cn/a/472932.html

相关文章:

  • 缓存-Redis-常见问题-缓存击穿-永不过期+逻辑过期(全面 易理解)
  • Spring项目创建流程及配置文件bean标签参数简介
  • 代码随想录 链表 test 5
  • 『SQLite』常见日期时间函数的使用
  • 对话|全年HUD前装将超330万台,疆程技术瞄准人机交互“第一屏”
  • 字玩FontPlayer开发笔记5 Tauri初体验
  • 分享一次面试经历
  • 缓存-Redis-API-Redission-自动续期-watch dog
  • 关于FPGA(现场可编程门阵列)工程技术人员的详细介绍
  • 2025最新解决方案:新买的mac鼠标和这个触控板反向
  • 『SQLite』更新和删除表记录
  • 开源靶场1
  • vscode 配置c/c++环境 中文乱码
  • Linux系统中解决端口占用问题
  • SpringBoot之核心配置
  • vs2022编译webrtc步骤
  • 搭建个人知识库,支持Word、PDF、txt等,一般电脑也能玩。
  • Vue3 el-tree-v2渲染慢的问题
  • Linux系列(二)安装Linux和Linux目录结构
  • <代码随想录> 算法训练营-2025.01.03
  • xxl-job回调执行器,发生NPE空指针异常
  • ios脚本巨魔商店多巴胺越狱基本操作教程
  • 数据库环境安装(day1)
  • 基于html5实现音乐录音播放动画源码
  • 阶梯费用计算demo
  • 超详细的 JDK环境配置步骤图文教程