computed和methods有什么区别
面试题：computed和methods有什么区别
标准而浅显的回答
- 在使用时，computed当做属性使用，而methods则当做方法调用
- computed可以具有getter和setter，因此可以赋值，而methods不行
- computed无法接收多个参数，而methods可以
- computed具有缓存，而methods没有
更接近底层原理的回答
vue对methods的处理比较简单，只需要遍历methods配置中的每个属性，将其对应的函数使用bind绑定当前组件实例后复制其引用到组件实例中即可
而vue对computed的处理会稍微复杂一些。
当组件实例触发生命周期函数
beforeCreate后，它会做一系列事情，其中就包括对computed的处理它会遍历computed配置中的所有属性，为每一个属性创建一个Watcher对象，并传入一个函数，该函数的本质其实就是computed配置中的getter，这样一来，getter运行过程中就会收集依赖
但是和渲染函数不同，为计算属性创建的Watcher不会立即执行，因为要考虑到该计算属性是否会被渲染函数使用，如果没有使用，就不会得到执行。因此，在创建Watcher的时候，它使用了lazy配置，lazy配置可以让Watcher不会立即执行。
收到
lazy的影响，Watcher内部会保存两个关键属性来实现缓存，一个是value，一个是dirty
value属性用于保存Watcher运行的结果，受lazy的影响，该值在最开始是undefined
dirty属性用于指示当前的value是否已经过时了，即是否为脏值，受lazy的影响，该值在最开始是trueWatcher创建好后，vue会使用代理模式，将计算属性挂载到组件实例中
当读取计算属性时，vue检查其对应的Watcher是否是脏值，如果是，则运行函数，计算依赖，并得到对应的值，保存在Watcher的value中，然后设置dirty为false，然后返回。
如果dirty为false，则直接返回watcher的value
巧妙的是，在依赖收集时，被依赖的数据不仅会收集到计算属性的Watcher，还会收集到组件的Watcher
当计算属性的依赖变化时，会先触发计算属性的Watcher执行，此时，它只需设置
dirty为true即可，不做任何处理。由于依赖同时会收集到组件的Watcher，因此组件会重新渲染，而重新渲染时又读取到了计算属性，由于计算属性目前已为dirty，因此会重新运行getter进行运算
而对于计算属性的setter，则极其简单，当设置计算属性时，直接运行setter即可
相关文章：
computed和methods有什么区别
面试题：computed和methods有什么区别 标准而浅显的回答 在使用时，computed当做属性使用，而methods则当做方法调用computed可以具有getter和setter，因此可以赋值，而methods不行computed无法接收多个参数，而m…...
MySQL索引分类和操作（增删查）、聚集索引、二级索引（索引篇 二）
具体类型索引分类 分类主要作用特点主键索引(primary)针对于表中主键创建的索引默认自动创建, 只能有一个唯一索引(unique)避免同一个表中某数据列中的值重可以有多个常规索引最基本类型，可以加快查询速度可以有多个全文索引(fulltext)查找的是文本中的关键词&…...
（三）Python变量类型和运算符
所有的编程语言都支持变量，Python 也不例外。变量是编程的起点，程序需要将数据存储到变量中。 变量在 Python 内部是有类型的，比如 int、float 等，但是我们在编程时无需关注变量类型，所有的变量都无需提前声明&#x…...
vue三种import导入方式详解？
在Vue.js中，你可以使用三种不同的方式来导入模块或组件： 默认导入 (Default Import)： 这种方式用于导入一个模块的默认导出（通常是一个组件或一个对象）。例如： import MyComponent from ./MyComponent.vue;…...
深入理解数据库视图
在数据库管理中，视图（View）是一种强大但常常被忽视的功能。它不仅可以简化复杂的查询操作，还可以提供更高层次的数据抽象和保护。 本文将详细解析视图的各个方面，并以《三国志》游戏的数据为例，给出实际应用场景。 文章目录 什么是视图？基本结构创建视图查看视图的定义…...
方法的作用~)
Java中@before和setup()方法的作用~
在Java中，setup()和Before同时使用的作用是在测试方法之前执行一些准备工作， setup()是JUnit中的一个方法，它通常被用来初始化测试对象和设置测试环境，它会在每个测试方法执行之前被调用，并且可以在多个测试方法中共享…...
前端uniapp防止页面整体滑动页面顶部以上，设置固定想要固定区域宽高
解决：设置固定想要固定区域宽高 目录 未改前图未改样式改后图改后样式 未改前图 未改样式 .main {display: flex;flex-direction: row;// justify-content: space-between;width: 100vw;// 防止全部移动到上面位置！！！！…...
浮点型数字
1. 浮点型的定义 浮点型（floating-point）是一种表示实数的计算机数据类型，它可以表示有限小数、无限小数和近似值。浮点型的表示方法基于科学计数法，即一个实数可以表示为尾数（有效数字）和指数的乘积。 在…...
贝叶斯统计入门
贝叶斯统计入门 贝叶斯统计是一种以系统和数学严密的方式来推理不确定性的方法。它以18世纪的数学家和哲学家托马斯贝叶斯命名，他开发了一个定理，提供了一种在收集新数据时更新我们对假设的信念的方式。 在贝叶斯统计中，我们从一个先验概率分…...
织梦CMS采集插件-DEDE插件大全
在如今充满信息爆炸的互联网时代，维护一个具有吸引力和活力的网站或博客是一项具有挑战性的任务。对于那些使用织梦CMS建立网站的用户来说，如何持续不断地更新内容以吸引访问者成为了一个突出的问题。 什么是织梦CMS自动采集插件？这些插件是为…...
vuereact质检工具(eslint)安装使用总结
1、ESLint ESLint工具主要类似java中的checkStyle和findbugs，是检查代码样式和逻辑规范的工具。 1.1、ESLint安装流程 打开VSCode软件，打开扩展中心，下载ESLint插件 图1.1 点击后面的install按进行安装，如图1.2所示࿱…...
yolox相关
yolox YOLOXYOLOX-DarkNet53yolov3作为baseline输入端Strong data augmentationMosaic数据增强MixUp数据增强注意 BackboneNeckPrediction层Decoupled headDecoupled Head 细节 Anchor-freeAnchor Based方式Anchor Free方式标签分配初步筛选精细化筛选 SimOTASimOTA Other Back…...
递归专题训练详解（回溯，剪枝，深度优先）
1.汉诺塔问题 在经典汉诺塔问题中，有 3 根柱子及 N 个不同大小的穿孔圆盘，盘子可以滑入任意一根柱子。一开始，所有盘子自上而下按升序依次套在第一根柱子上(即每一个盘子只能放在更大的盘子上面)。移动圆盘时受到以下限制: (1) 每次只能移动…...
JavaScript系列从入门到精通系列第七篇：JavaScrip当中的运算符，主要涉及JavaScript当中的六大数据类型的四则运算
文章目录 前言 一：算数运算符 1：Number类型的四则运算 2：其他数据类型的四则运算 (一)：加法运算 (二)：减法运算 3：乘法运算 4：除法运算 5：取模运算 前言 运算符也叫操作符。…...
计算机网络 实验二 交换机的基本配置
实验二 交换机的基本配置 实验目的 • 掌握交换机的配置方式及切换命令； • 掌握交换机端口的基本配置； • 掌握交换机mac地址的查看与管理方法。 实验设备 以太网交换机一台服务器一台PC机五台配置电缆、网线若干 网络拓扑及IP地址分配 给计算…...
Tor网络的全面解析
一、Tor网络概述 Tor网络，即“洋葱路由器”（The Onion Router），是一种用于保护用户隐私、避免网络监控的开源软件，可以实现匿名访问互联网。 Tor网络通过多重加密和随机转发，将用户的流量从多个节点中进行…...
数据集笔记：2015上海地铁一卡通数据
数据地址：上海地铁数据_免费高速下载|百度网盘-分享无限制 (baidu.com) 数据介绍 上海2015年几天的地铁一卡通出入站信息 卡号、交易日期、交易时间、公交线路/地铁站点中文名称、行业名称(公交、地铁、出租、轮渡、PR停车场)、交易金额、交易性质(非优惠、优惠、…...
【小沐学C++】C++ 基于Premake构建工程项目（Windows）
文章目录 1、简介2、下载和安装2.1 下载2.3 快速入门 3、使用3.1 支持的工程文件Project Files3.2 构建设置Build Settings3.3 链接Linking3.4 配置Configurations3.5 平台Platforms3.6 过滤Filters3.7 预设值Tokens 4、测试4.1 测试1：入门例子4.2 测试2：…...
Linux shell编程学习笔记2：我是谁 | who am i ？
〇、更新记录 20230926 补充例子2 一、前言 由于Linux系统的shell有许多种：sh、bash、cshell、tcsh、zsh……这些shell以sh为基础对象，在保持兼容性时又各有有创建，形成自己的功能特点，要想让我们编写的shell代码正确、可靠运行…...
移动端和PC端对比【组件库+调试vconsole +单位postcss-pxtorem+构建vite/webpack+可视化echarts/antv】
目录 组件库 移动端 vue vant PC端 react antd vue element 调试：vconsole vs dev tools中的控制台（Console） vconsole：在真机上调试 postcss-pxtorem：移动端不同的像素密度 构建工具 webpack 原理 Ba…...
19c补丁后oracle属主变化，导致不能识别磁盘组
补丁后服务器重启，数据库再次无法启动 ORA01017: invalid username/password; logon denied Oracle 19c 在打上 19.23 或以上补丁版本后，存在与用户组权限相关的问题。具体表现为，Oracle 实例的运行用户（oracle）和集…...
Leetcode 3577. Count the Number of Computer Unlocking Permutations
Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现 题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路 这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...
工程地质软件市场：发展现状、趋势与策略建议
一、引言 在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...
Qt Http Server模块功能及架构
Qt Http Server 是 Qt 6.0 中引入的一个新模块，它提供了一个轻量级的 HTTP 服务器实现，主要用于构建基于 HTTP 的应用程序和服务。 功能介绍： 主要功能 HTTP服务器功能： 支持 HTTP/1.1 协议 简单的请求/响应处理模型 支持 GET…...
基于Docker Compose部署Java微服务项目
一. 创建根项目 根项目（父项目）主要用于依赖管理 一些需要注意的点： 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件，否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...
【服务器压力测试】本地PC电脑作为服务器运行时出现卡顿和资源紧张（Windows/Linux）
要让本地PC电脑作为服务器运行时出现卡顿和资源紧张的情况，可以通过以下几种方式模拟或触发： 1. 增加CPU负载 运行大量计算密集型任务，例如： 使用多线程循环执行复杂计算（如数学运算、加密解密等）。运行图…...
【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪 宝可梦GO游戏自组网系统
目录 游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性 宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间 广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法 安全性设计 技术选…...
OPenCV CUDA模块图像处理-----对图像执行 均值漂移滤波（Mean Shift Filtering）函数meanShiftFiltering()
操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述 在 GPU 上对图像执行 均值漂移滤波（Mean Shift Filtering），用于图像分割或平滑处理。 该函数将输入图像中的…...
Java多线程实现之Thread类深度解析
Java多线程实现之Thread类深度解析 一、多线程基础概念1.1 什么是线程1.2 多线程的优势1.3 Java多线程模型 二、Thread类的基本结构与构造函数2.1 Thread类的继承关系2.2 构造函数 三、创建和启动线程3.1 继承Thread类创建线程3.2 实现Runnable接口创建线程 四、Thread类的核心…...
初学 pytest 记录
安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...