vue响应式解析

vue响应式是响应啥?是数据与函数之间的响应,是做不到数据和数据之间的响应的,比如

let count = ref(0);
let num = ref(count.value * 2);

count改变,并不会导致num一起改变,因为js做不到数据和数据之间响应,vue肯定也做不到,只能做到数据和函数之间响应,而且这函数也不能是普普通通,自己定义的函数,比如

const abc = () =>{let index = count.value;console.log(index);
}
abc();

当count值发生改变的时候,肯定做不到多次执行打印,所以只有vue里面受监控的函数才会在数据改变的时候,多次执行,那么vue里面哪些函数是被监控的?
1.render

<template><div class="login_Bg">template里面都是属于reader函数</div>
</template>

2.computed回调
3.watchEffect回调
4.watch回调

总结

vue响应式的条件是被监控的函数运行期间用到了响应式数据,在响应式数据发生改变的时候,才会重新执行被监控的函数,从而实现响应式

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

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

相关文章

2024年Midjourney 付费订阅流程 | Midjourney 各版本介绍,使用虚拟信用卡支付买Midjourney流程指南

1.Midjourney介绍 Midjourney 是一款备受欢迎的人工智能生成图像工具&#xff0c;它可以通过输入文字描述&#xff0c;自动生成精美的图像。与许多其他图像生成工具不同&#xff0c;Midjourney 不需要安装任何软件&#xff0c;也不受个人电脑性能的限制&#xff0c;因为它运行…

73. 矩阵置零(Java)

目录 题目描述&#xff1a;输入&#xff1a;输出&#xff1a;代码实现&#xff1a; 题目描述&#xff1a; 给定一个 m x n 的矩阵&#xff0c;如果一个元素为 0 &#xff0c;则将其所在行和列的所有元素都设为 0 。请使用 原地 算法。 输入&#xff1a; matrix [[1,1,1],[1,0,…

H5/CSS 笔试面试考题(41-50)

简述对于以下 HTML,下列选项中哪一个 CSS 选择器效果与其他的不同 ( )ABC A:span:first-child B:span:nth-child(0) C:span:nth-child(-n+1) D:span:nth-last-child(3) 面试通过率:46.0% 推荐指数: ★★★★ 试题难度: 初级 试题类型: 选择题 答案:b 解析:span:fi…

(五)elasticsearch 源码之查询流程分析

https://www.cnblogs.com/darcy-yuan/p/17039526.html 1.概述 上文我们讨论了es&#xff08;elasticsearch&#xff0c;下同&#xff09;索引流程&#xff0c;本文讨论es查询流程&#xff0c;以下是基本流程图 2.查询流程 为了方便调试代码&#xff0c;笔者在电脑上启动了了…

dx 理想windows安装docker 并且运行项目

安装docker地址&#xff1a; https://docs.docker.com/desktop/install/windows-install/ 安装后运行两个报错&#xff1a; 1.wsl 直接下载更新 该win库即可&#xff1a; https://wslstorestorage.blob.core.windows.net/wslblob/wsl_update_x64.msi 2.报错 Hardware assiste…

S32 Design Studio PE工具配置GPIO

首先我们来讲最简单的GPIO配置 代码生成 按照下图步骤就能配置一个基本的GPIO口&#xff0c;在组件里面选择pin_mux&#xff0c;选中就能配置使能和方向&#xff0c;no pin routed就是没有配置的。GPIO口分ABCDE组&#xff0c;每组从0到最大的序号。 然后在functional prope…

Linux下的json-c

一、json-c库的安装(ubuntu) root用户运行以下命令&#xff1a; apt-get install libjson0-dev libjson0非root用户运行以下命令&#xff1a; sudo apt-get install libjson0-dev libjson0二、解析json数据 1. json_object json_object是JSON-C库中定义的一个结构体&#…

Java IO:概念和分类总结

前言 大家好&#xff0c;我是chowley&#xff0c;刚看完Java IO方面内容&#xff0c;特此总结一下。 Java IO Java IO&#xff08;输入输出&#xff09;是Java编程中用于处理输入和输出的API。它提供了一套丰富的类和方法&#xff0c;用于读取和写入数据到不同的设备、文件和…

【股票行业统计】 A股概念板块、A股行业分类

一、题记 1. A股有哪些行业分类、A股行业大全及细分 2. A股有哪些板块分类、A股概念板块龙头股 3. A股有多少个概念&#xff0c;A股有多少个板块 二、A股行业分类概述 1. 股票的行业分类&#xff0c;用的最多的是指数公司或者券商编制发布的&#xff0c;每家的标准不太一样。常…

设计模式-单例模式(懒汉+饿汉+线程安全模式)

目录 单例模式懒汉模式饿汉模式线程安全的懒汉模式双重检查锁定&#xff08;过时&#xff0c;错误的版本&#xff09;C11 特有的线程安全懒汉模式 单例模式 单例模式可以说是23种设计模式中最为简单的一种设计模式 类中只有唯一一个实例并且是私有化的&#xff0c;只能通过公…

多机多卡运行nccl-tests和channel获取

nccl-tests 环境1. 安装nccl2. 安装openmpi3. 单机测试4. 多机测试mpirun多机多进程多节点运行nccl-testschannel获取 环境 Ubuntu 22.04.3 LTS (GNU/Linux 5.15.0-91-generic x86_64)cuda 11.8 cudnn 8nccl 2.15.1NVIDIA GeForce RTX 4090 *2 1. 安装nccl #查看cuda版本 nv…

npm config set registry https://registry.npm.taobao.org 这个设置了默认的镜像源之后如何恢复默认的镜像源

要恢复npm默认的镜像源&#xff0c;你可以使用以下命令将registry设置回npm的官方源&#xff1a; npm config set registry https://registry.npmjs.org/这个命令会修改你的全局npm配置&#xff0c;将包的下载源改回npm官方的源。这样做之后&#xff0c;任何后续的npm install…

逐鹿比特币生态,Elastos 携新作 BeL2「重出江湖」

撰文&#xff1a;Babywhale&#xff0c;Techub News 文章来源Techub News&#xff0c;搜Tehub News下载查看更多Web3资讯。 刚刚过去的 2023 年&#xff0c;「比特币生态」成为了市场的绝对焦点之一。从铭文开始&#xff0c;到重新走进大众视野的 Stacks 与比特币闪电网络&am…

算法竞赛进阶指南——基本算法(倍增)

ST表 可以求区间最大、最小、gcd、lcm&#xff0c;符合 f(a, a) a都可以 求区间最值&#xff0c;一个区间划分成两段 f[i][j]: 从i开始&#xff0c;长度为2^j的区间最值 #include<iostream> #include<cmath> using namespace std; const int N 1e6 10; int n,…

mxxWechatBot流程与原理

大家伙&#xff0c;我是雄雄&#xff0c;欢迎关注微信公众号&#xff1a;雄雄的小课堂。 免责声明&#xff1a;该工具仅供学习使用&#xff0c;禁止使用该工具从事违法活动&#xff0c;否则永久拉黑封禁账号&#xff01;&#xff01;&#xff01;本人不对任何工具的使用负责&am…

容器化的基础概念:不可变基础设施解释:将服务器视为乐高积木,而非橡皮泥。

不可变基础设施解释&#xff1a;将服务器视为乐高积木&#xff0c;而非橡皮泥。 想象一下用乐高积木代替橡皮泥进行搭建。使用橡皮泥时&#xff0c;您可以直接塑形和改变它。而使用乐高积木&#xff0c;您需要逐个零件搭建特定结构&#xff0c;并在需要时整体替换它们。这就是…

现实与梦的关系

现实与梦之间存在着复杂而有趣的关系。从心理学的角度来看&#xff0c;梦通常被认为是我们大脑在休息时处理和组织日常经历的方式。梦可能反映我们的情绪、欲望、恐惧和未解决的问题&#xff0c;它们可以是我们日常生活的延续&#xff0c;也可以是完全不同的场景和情境。 在现…

【FPGA Verilog】各种加法器Verilog

1bit半加器adder设计实例 module adder(cout,sum,a,b); output cout; output sum; input a,b; wire cout,sum; assign {cout,sum}ab; endmodule 解释说明 &#xff08;1&#xff09;assign {cout,sum}ab 是连续性赋值 对于线网wire进行赋值&#xff0c;必须以assign或者dea…

【Linux】学习-基础IO拓展篇

Linux基础IO拓展篇—详解文件系统 理解文件系统 在Linux基础IO篇中&#xff0c;我们站在用户的视角对文件进行了理解&#xff0c;主要是针对被打开的文件&#xff0c;那么有没有没有被打开的文件呢&#xff1f;当然有&#xff01;今天我们换个视角&#xff0c;来站在系统的角…

95.网游逆向分析与插件开发-游戏窗口化助手-窗口化助手显示与大小调整

内容参考于&#xff1a;易道云信息技术研究院VIP课 上一个内容&#xff1a;地图数据获取的逆向分析与C代码还原 码云地址&#xff08;游戏窗口化助手 分支&#xff09;&#xff1a;https://gitee.com/dye_your_fingers/sro_-ex.git 码云版本号&#xff1a;e85c0fc8b85895c8c…