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…...
conda相比python好处
Conda 作为 Python 的环境和包管理工具，相比原生 Python 生态（如 pip 虚拟环境）有许多独特优势，尤其在多项目管理、依赖处理和跨平台兼容性等方面表现更优。以下是 Conda 的核心好处： 一、一站式环境管理：…...
如何为服务器生成TLS证书
TLS（Transport Layer Security）证书是确保网络通信安全的重要手段，它通过加密技术保护传输的数据不被窃听和篡改。在服务器上配置TLS证书，可以使用户通过HTTPS协议安全地访问您的网站。本文将详细介绍如何在服务器上生成一个TLS证…...
【配置 YOLOX 用于按目录分类的图片数据集】
现在的图标点选越来越多，如何一步解决，采用 YOLOX 目标检测模式则可以轻松解决 要在 YOLOX 中使用按目录分类的图片数据集（每个目录代表一个类别，目录下是该类别的所有图片），你需要进行以下配置步骤&#x…...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
Oracle11g安装包
Oracle 11g安装包 适用于windows系统，64位 下载路径 oracle 11g 安装包...
学习一下用鸿蒙DevEco Studio HarmonyOS5实现百度地图
在鸿蒙（HarmonyOS5）中集成百度地图，可以通过以下步骤和技术方案实现。结合鸿蒙的分布式能力和百度地图的API，可以构建跨设备的定位、导航和地图展示功能。 1. 鸿蒙环境准备 开发工具：下载安装 De…...
pycharm 设置环境出错
pycharm 设置环境出错 pycharm 新建项目，设置虚拟环境，出错 pycharm 出错 Cannot open Local Failed to start [powershell.exe, -NoExit, -ExecutionPolicy, Bypass, -File, C:\Program Files\JetBrains\PyCharm 2024.1.3\plugins\terminal\shell-int…...
密码学基础——SM4算法
博客主页：christine-rr-CSDN博客 专栏主页：密码学 📌 【今日更新】📌 对称密码算法——SM4 目录 一、国密SM系列算法概述 二、SM4算法 2.1算法背景 2.2算法特点 2.3 基本部件 2.3.1 S盒 2.3.2 非线性变换 编辑…...
前端工具库lodash与lodash-es区别详解
lodash 和 lodash-es 是同一工具库的两个不同版本，核心功能完全一致，主要区别在于模块化格式和优化方式，适合不同的开发环境。以下是详细对比： 1. 模块化格式 lodash 使用 CommonJS 模块格式（require/module.exports&a…...
深入解析 ReentrantLock：原理、公平锁与非公平锁的较量
ReentrantLock 是 Java 中 java.util.concurrent.locks 包下的一个重要类，用于实现线程同步，支持可重入性，并且可以选择公平锁或非公平锁的实现方式。下面将详细介绍 ReentrantLock 的实现原理以及公平锁和非公平锁的区别。 ReentrantLock 实现原理 基本架构 ReentrantLo…...