vue3的Watch使用详解-编程知识

vue3的Watch使用详解

news/2024/11/29 8:47:07/文章来源: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.hqwc.cn/news/178802.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

C# Socket通信从入门到精通（10）——如何检测两台电脑之间的网络是否通畅

前言：我们在完成了socket通信程序开发以后，并且IP地址也设置好以后，可以先通过一些手段来测试两台电脑之间的网络是否通畅，如果确认了网络通畅以后，我们再测试我们编写的Socket程序。 1、同时按下键盘的windows键+"R"键，如下图：下面两张图是两种键盘的情…

python 实验7

姓名：轨迹学号：6666 专业年级：2021级软件工程班级： 66 实验的准备阶段 (指导教师填写) 课程名称 Python开发与应用实验名称文件异常应用实验目的 （1）掌握基本文件读写的方式； …

19.1：Java绘图类 19.2：绘制图形 package nineteentn; import java.awt.*; import javax.swing.*; public class DrawCircle extends JFrame { private final int OVAL_WIDTH 80; // 圆形的宽 private final int OVAL_HEIGHT 80; // 圆形的高…

nginx启动命令

普通启动切换到nginx安装目录的sbin目录下，执行：./nginx 通过配置文件启动 ./nginx -c /usr/local/nginx/conf/nginx.conf /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf 其中-c是指定配置文件,而且配置文件路径必须指定绝对路…

算法刷题：P1908 逆序对

解题关键：就是利用分治的思想，使用归并排序，因为逆序对实际上就是“左侧的数字比右侧大就算一个逆序对”。而这个“左侧”和“右侧”可以相对来看，即左侧的左侧一定就是左侧，说的有点抽象，哈哈哈哈。花了…

小学生加减乘除闯关运算练习流量主微信小程序开发

小学生加减乘除闯关运算练习流量主微信小程序开发经过本次更新，我们增加了新的功能和特性，以提升用户体验和运算练习的趣味性： 能量石与激励视频：用户可以通过观看激励视频来获取能量石，这些能量石可以用于解锁收费…

三层架构java _web

idea启动类运行后报错：Port 6380 was already in use.

问题原因： idea窗口中某个项目还在启动中时误关了窗口，导致在其他项目运行时报错端口被占用解决办法： 先杀掉占用端口，再重新启动步骤如下： 1.先找到6380端口对应pid winr打开cmd命令行窗口输入命令&#xf…

人力项目框架解析新增修改方法

在迁移项目但是遇到了一些问题，迁移项目的时候发现项目的整体框架很有趣，但是苦于项目框架太大了，竟然只能完整迁移，做不到部分迁移，于是我也只能从一半的角度来进行解释整个项目。雇员我们雇员这个为对象讲解一下…

jQuery使用echarts循环插入图表

目录 jQuery动态循环插入echarts图表 y轴显示最大值和最小值 x轴只显示两个值，开始日期和结束日期 jQuery动态循环插入echarts图表 html .center_img_list 是我们循环数据的地方 <div class"center_img shadow"><div class"center_img_b…