vue3的Watch使用详解

article2024/5/20 12:47:56/文章来源:https://blog.csdn.net/weixin_48567214/article/details/134418890

vue官网提到： watch 的第一个参数可以是不同形式的“数据源”：它可以是一个 ref (包括计算属性)、一个响应式对象、一个 getter 函数、或多个数据源组成的数组：

1.监听单个Ref

在这里插入图片描述

2.监听一个getter函数

在这里插入图片描述
当然只修x或者y其中一个的值，也会触发监听

3.多个来源组成的数组

在这里插入图片描述

4.监听reactive对象

在这里插入图片描述

5.监听reactive对象中的属性

在这里插入图片描述
错误写法报错

正确返回在这里插入图片描述

且修改y的值不会触发对x属性的监听

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/162306.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

LeetCode - 26. 删除有序数组中的重复项（C语言，快慢指针，配图）

力扣（LeetCode）官网 - 全球极客挚爱的技术成长平台思路一：快慢指针在数组中，快慢指针就是两个整数下标，定义 fast 和 slow 这里我们从下标1开始（下标0的数据就1个，没有重复项）&…

Java Web 实战 19 - What‘s HTTP ?

Whats HTTP ? 一 . HTTP 是什么 ?1.1 理解 HTTP 协议的工作过程1.2 HTTP 的报文格式1.2.1 准备工作1.2.2 认识 HTTP 协议的报文详情请求报文请求响应二 . HTTP 请求报文2.1 URLURL 的 encode 2.2 HTTP 协议中的方法GETPOST常见面试题 : GET 和 POST 之间的区别 2.3 认识请求…

Java Web——JavaScript基础

1. 引入方式 JavaScript程序不能独立运行，它需要被嵌入HTML中，然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中，有3种方式： 1.1. 内嵌式(嵌入式) 直接写在html文件里，用s…

继承语法详解

继承语法详解一:继承1：什么是继承二：访问成员变量三：访问成员方法四：访问父类的成员变量和成员方法super关键字super和this关键字的区别五：子类的构造方法六：代码块七：final关键字八&#xf…

Vulhub靶场-KIOPTRIX: LEVEL 1

目录环境配置端口扫描漏洞发现 mod_ssl漏洞利用 Samba远程代码执行漏洞利用环境配置首先去官网下载靶场导入到虚拟机中下载地址：Kioptrix: Level 1 (#1) ~ VulnHub 下载完成之后导入到vmware中这里需要改nat，桥接模式的靶机拿不到IP&…

kubenetes-pod高可用

一、概述实现pod层面的高可用，需要避免容器进程被终止避免Pod被驱逐： 设置合理的resources.memory limits 防止容器进程被 OOMKill，防止Pod被驱逐；设置合理的emptydir.sizeLimit 并且确保数据写入不超过emptyDir的限制&#xf…

【LeetCode刷题-双指针】--977.有序数组的平方

977.有序数组的平方方法：双指针由于数组是升序排序的，如果所有的数都是非负的，那么数组平方后，仍然保持升序，但数组中有负数，将每个数平方后，数组就会降序需要找到数组中负数与非负数的分界…

Lec14 File systems 笔记

文件系统中核心的数据结构就是inode和file descriptor 分层的文件系统： 在最底层是磁盘，也就是一些实际保存数据的存储设备，正是这些设备提供了持久化存储。在这之上是buffer cache或者说block cache，这些cache可以避免频繁的读…

springboot321基于java的校园服务平台设计与开发

交流学习： 更多项目： 全网最全的Java成品项目列表 https://docs.qq.com/doc/DUXdsVlhIdVlsemdX 演示项目功能演示： ————————————————

前端实现界面切换主题

✨ 目录 ▷ 样式切换主题▷ 变量设置主题 ▷ 样式切换主题常用的主题切换实现方式之一，就是通过 link 标签的 rel 属性来实现的当 rel 标签的值是 alternate，就代表该样式是可以替换的title 属性要加就全加上或者全不加，因为 title 会导致系…

重生之我是一名程序员 34

哈喽啊大家晚上好！ 今天给大家带来的知识是——库函数qsort。首先，给大家介绍一下qsort函数， qsort函数是C标准库中的一种排序函数，用于对数组中的元素进行快速排序。它接受四个参数：待排序数组的基地址，数…

搭建 AI 图像生成器 (SAAS) php laravel

今天来搭一套，AI 图像生成器是基于 Openai DALLE 2 和 Openai DALLE 3 以及 Stability AI 和稳定扩散 API 构建的脚本，为用户提供了使用简单的提示和大小生成独特自定义图像的可能性。在这个平台上，创意得以快速、高效地实现，借助…

Go vs Rust：文件上传性能比较

在本文中，主要测试并比较了Go—Gin和Rust—Actix之间的多部分文件上传性能。设置所有测试都在配备16G内存的 MacBook Pro M1 上执行。软件版本为： Go v1.20.5Rust v1.70.0 测试工具是一个基于 libcurl 并使用标准线程的自定义工具，能…

Java Web——JavaScript运算符与流程语句

1. 运算符 1.1. 算数运算符数字是用来计算的，比如：乘法 * 、除法 / 、加法、减法 - 等等，所以经常和算术运算符一起。算术运算符：也叫数学运算符，主要包括加、减、乘、除、取余（求模）等 …

【数据分享】2023年我国省市县三级的科技型中小企业数量（Excel/Shp格式）

企业是经济活动的参与主体。一个城市的企业数量决定了这个城市的经济发展水平！比如一个城市的金融企业较多，那这个城市的金融产业肯定比较发达；一个城市的制造业企业较多，那这个城市的制造业肯定比较发达。之前我们给大家分享了…

2020年06月 Scratch（二级）真题解析#中国电子学会#全国青少年软件编程等级考试

Scratch等级考试（1~4级）全部真题・点这里一、单选题（共25题，每题2分，共50分）第1题如下图所示脚本运行的结果是（）？ A：画一条直线 B：画一个三角形 C：画一个圆形 D：画一条虚线答案：D 第2题运行如下图所示脚本，下面选项中说法错误的是？ A：“笔的颜色”…

使用Redis实现分布式锁

Hi, I’m Shendi 使用Redis实现分布式锁需求场景需要使用到分布式锁的场景非常多，例如抢单等并发场景，这里举一个例子。有一个商品，限量出售100个，一个用户下单，数量就减少一个，当剩下最后一个时&…

[深度学习]卷积神经网络的概念,入门构建(代码实例)

# 不再任何人,任何组织的身上倾注任何的感情,或许这就是能活得更开心的办法 0.写在前面: 卷积神经网络的部分在之前就已经有所接触,这里重新更全面地总结一下关于深度学习中卷积神经网络的部分.并且在这里对如何构建代码,一些新的思想和网络做出一点点补充,同时会持续更新一些…

Mac 安装 protobuf 和Android Studio 使用

1. 安装,执行命令 brew install protoc 2. Mac 错误提示：zsh: command not found: brew解决方法解决方法：mac 安装homebrew， 用以下命令安装，序列号选择中科大（1）或阿里云 /bin/zsh -c "$(curl…

掌握Shell：从新手到编程大师的Linux之旅

1 shell介绍 1.1 shell脚本的意义 1.记录命令执行的过程和执行逻辑，以便以后重复执行 2.脚本可以批量处理主机 3.脚本可以定时处理主机 1.2 脚本的创建 #!/bin/bash # 运行脚本时候执行的环境1.3 自动添加脚本说明信息 /etc/vimrc # vim主配置文件 ~/.vimrc # 该…