vue3 watch监听 和报错处理

news/2024/7/10 0:53:37 标签: javascript, vue
javascript">  watch(
      [props.count],
      (count, prevCount) => {
        console.log(count, 'count')
      }
    )

会出现以下报错

javascript">1 A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types. ```

是因为watch只能监听响应式数据:ref定义的属性和reactive定义的对象,如果直接监听reactive定义对象中的属性是不允许的,除非使用函数转换一下;

```javascript
   watch(
       () => props.count,
       (count, prevCount) => {
         console.log(count, 'count')
       }
     )

这样就能监听到属性的某一项啦。

watch监听多个值

前面是监听数据的数组,后面的参数是两个数组,前面数组是变化后监听对象值的数组,后面是变化前监听对象值的数组

javascript">  watch ([countObj, count], ([oneNewName, twoNewName], [oneOldName, twoOldName]) => {
      console.log(oneNewName, oneOldName, twoNewName, twoOldName)
    })

http://www.niftyadmin.cn/n/1835668.html

相关文章

光大银行“另类”突围路径

这样的格局下,李坚认为。中小股份制商业银行要获得竞争优势,对电子渠道进行统一管理,谋求协同效应,可行的路径之一。因为,这种整合,中小银行实现起来比大银行难度要小得多。 经常会从自己的亲身感受和渴求出…

关于asp.net中的分页技术分析!

DataList分页方法的核心原理是利用PagedDataSource对象,对于office控件,PagedDataSource类封装了DataGrid 控件的属性,这些属性使 DataGrid 可以执行分页,下面是PagedDataSource的公共属性: AllowCustomPaging 获取或设…

许多实用的JS 正则表达式 (正数正则、IP正则、邮编正则等等)

<script language"JavaScript" type"text/javascript">function checkNum(obj){var re /^[1-9]\d*$/;if (!re.test(obj.value)){alert("必须为正整数!");obj.value"";obj.focus();return false;}} </script><input na…

屏幕锁定程序例子

导入win32api程序 View Code 1 usingSystem;2 usingSystem.Collections.Generic;3 usingSystem.Linq;4 usingSystem.Text;5 usingSystem.Runtime.InteropServices;6 7 namespaceScreenLock8 {9 classWin32Api10 {11 12 13 //设置钩子14 [DllImport("user32.dll")]15…

云安全

来自趋势科技的PPT 云搭建过程 各个阶段可能的安全问题 转载于:https://blog.51cto.com/dao0oad/494981

java 之 反射

反射是个什么东西&#xff0c;就是探测一个类或者接口等等这些东西的内部构造&#xff0c;比如知道某个类都有什么构造方法&#xff0c;或者有什么成员变量&#xff08;你没有他们的源代码&#xff09;。 也可以在程序运行时&#xff0c;动态的改变程序内部结构&#xff0c;而不…

nginx防火墙端口配置

1.启动 用root身份登陆服务器 2.查看开放的端口号 2.1 输入命令 firewall-cmd --list-all 3、设置开放的端口号 3.1 sudo firewall-cmd --add-port8080/tcp --permanent 4、设置成功之后需要重启防火墙 4.1 命令 firewall-cmd --reload 4.2 此时可以输入此命令 firewall-cmd -…

netbios功能简介

NetBIOS协议是由IBM公司开发&#xff0c;主要用于数十台计算机的小型局域网。NetBIOS协议是一种在局域网上的程序可以使用的应用程序编程接口&#xff08;API&#xff09;&#xff0c;为程序提供了请求低级服务的统一的命令集&#xff0c;作用是为了给局域网提供网络以及其他特…