computed计算属性和data_computed与watched选项的比较

2023-11-17

computed:通过属性计算而得来的属性

1.支持缓存,只有依赖数据发生改变,才会重新进行计算;computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过的数据通过计算得到的。

2.不支持异步,当computed内有异步操作时无效,无法监听数据的变化。

3.computed中的属性都有一个get和一个set方法,如果computed属性属性值是函数,那么默认会走get方法,函数的返回值就是属性的属性值;当数据变化时,调用set方法。

4.computed内部的函数在调用时不加()。

5.computed中的函数必须用return返回。

6.computed中不要对data中的属性进行赋值操作。如果对data中的属性进行赋值操作了,就是data中的属性发生改变,从而触发computed中的函数,形成死循环了。

watch:属性监听

1.不支持缓存,数据变,直接会触发相应的操作。

2.watch支持异步

3.监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值。

4.watch中的函数是不需要调用的

5.watch中的函数不是必须要用return

6.watch只会监听数据的值是否发生改变,而不会去监听数据的地址是否发生改变。也就是说,watch想要监听引用类型数据的变化,需要进行深度监听。"obj.name"(){}------如果obj的属性太多,这种方法的效率很低,obj:{handler(newVal){},deep:true}------用handler+deep的方式进行深度监听

7.特殊情况下,watch无法监听到数组的变化,特殊情况就是说更改数组中的数据时,数组已经更改,但是视图没有更新。更改数组必须要用splice()或者set(this.arr,0,100)-----修改arr第0项值为100

8.immediate:true 页面首次加载的时候做一次监听

使用场景:

computed----当一个属性受多个属性影响的时候,使用computed-------购物车商品结算。watch----当一条数据影响多条数据的时候,使用watch-------搜索框。

computed与watched选项的比较​www.aliyun01.com
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

computed计算属性和data_computed与watched选项的比较 的相关文章

随机推荐

  • 全面对比linux和windows,选择哪个系统比较好

    目录 全面对比 优缺点 Linux的优点 Linux的缺点 Windows的优点 Windows的缺点 如何选择 选择Linux的情况 选择Windows的情况 总结 全面对比 下面是Linux和Windows之间的一些全面对比 1 开源
  • 使用ROS通过串口获取遥控器信号(二)

    使用ROS通过串口获取遥控器信号 二 十 编写串口通信节点 sudo gedit catkin ws src uart communication src commu cpp 加入以下代码 根据实际情况修改自己的代码 注意serial的AP
  • python世界你好的输出_Python语句print( ;世界,你好”)的输出是________。

    Python语句print 世界 你好 的输出是 答 世界 你好 供暖系统按系统管道敷设方式可以分为 式和 式 答 垂直 水平 绿茶一般不能用100 的沸水冲泡 以80 90 为宜 答 对 我国最早的指南车诞生于 答 涿鹿之战 Alexan
  • 使用vue-video-player实现直播的方式

    文章来源 学习通http www jaxp net 目录 一 安装vue video player 二 使用 vue video player 课前准备 直播流协议https www cnblogs com yangchin9 p 1493
  • 权威发布:新一代人工智能发展白皮书(2017)

    来源 机器人大讲堂 指导单位 专家顾问及编写人员 顾 问 潘云鹤 中国工程院院士 指导单位 工业和信息化部信息化和软件服务业司 指导委员会 谢少锋 工信部信软司司长 李冠宇
  • iOS相机相册调用 — UIImagePickerController

    在iOS开发中如果要调用相机拍取照片或者是直接获取相册中的照片 那么调用UIImagePickerController是个不错的选择 UIImagePickerController继承于UINavigationController 使用代理
  • uirecorder 模块化

    uirecorder 模块化 uirecorder原生代码问题 模块化 思考 有关资料 uirecorder原生代码问题 原生js文件十分臃肿 所有依赖都在一个js中 一个case一个js文件 后期维护十分困难 模块化 对原生js进行模块化
  • 修复 Python 错误TypeError: Missing 1 Required Positional Argument

    类是面向对象编程语言的基本特征之一 每个对象都属于 Python 中的某个类 我们可以创建我们的类作为蓝图来创建相同类型的对象 我们使用 class 关键字在 Python 中定义一个类 Python 中一个非常重要的特性是在定义类时使用
  • stm32学习笔记——如何理解stm32中标志位和中断位区别和联系

    1 当某个模块 比如串口 定时器 含有状态寄存器则涉及标志位和中断之间的区别 进而有库函数FlagStatus和ITStatus的使用区别 2 标志位置位 是指当某事件发生时 无论对应的中断是否使能都会使得相应的标志位置位 而当对应的中断也
  • akka设计模式系列-Chain模式

    链式调用在很多框架和系统中经常存在 算不得上是我自己总结的设计模式 此处只是简单介绍在Akka中的两种实现方式 我在这边博客中简化了链式调用的场景 简化后也更符合Akka的设计哲学 trait Chained def receive Rec
  • 数学建模--二次规划型的求解的Python实现

    目录 1 算法流程简介 2 算法核心代码 3 算法效果展示 1 算法流程简介 二次规划模型 二次规划我们需要用到函数 Cvxopt solvers qp P q G h A b 首先解决二次规划问题和解决线性规划问题的流程差不多 求解思路如
  • 中文医学知识语言模型:BenTsao

    介绍 BenTsao 原名 华驼 HuaTuo 基于中文医学知识的大语言模型指令微调 本项目开源了经过中文医学指令精调 指令微调 Instruction tuning 的大语言模型集 包括LLaMA Alpaca Chinese Bloom
  • 无法打开这个应用,查看Microsoft store, 了解有关Nahimic的详细信息

    win s 打开搜索框 输入 Nahimic 鼠标右键单击 打开应用设置 点击 修复 重启电脑
  • 计算机图形学:Bezier曲线的绘制

    1 实验目的 掌握Bezier曲线的定义原理及绘制过程 定义 贝塞尔曲线 Bezier curve 又称贝兹曲线或贝济埃曲线 是应用于二维图形应用程序的数学曲线 一般的矢量图形软件通过它来精确画出曲线 贝兹曲线由线段与节点组成 节点是可拖动
  • 什么是千年虫?计算机如何开始处理日期?都有哪些时间日期格式化?

    目录 千年虫 漏洞 Year 2000 Problem 简称 Y2K 计算机是怎么开始处理日期的么 举例1 时间格式化举例 过滤器 举例2 时间格式化 自定义私有过滤器 日期格式化 高性能计数器演示 OLE时间对象 时间的基本用法 千年虫
  • 【Hello Algorithm】二叉树的递归套路

    本篇博客介绍 介绍二叉树的递归套路算法 二叉树的递归套路 递归思路 判断二叉树是否是平衡二叉树 判断二叉树是否是搜索二叉树 返回二叉树节点的最大距离 验证一棵树是否是满二叉树 寻找最大的BST子树 判断二叉树是否是完全二叉树 判断二叉树的最
  • Shell脚本:expect脚本免交互

    Shell脚本 expect脚本免交互 expect脚本免交互 一 免交互基本概述 1 交互与免交互的区别 2 格式 3 通过read实现免交互 4 通过cat实现查看和重定向 5 变量替换 二 expect安装 1 概述 2 作用 3 e
  • RuntimeError: one of the variables needed for gradient computation has been modified by an inplace o

    RuntimeError one of the variables needed for gradient computation has been modified by an inplace operation torch cuda F
  • 牛客每日刷题

    作者简介 我是18shou 一名即将秋招的java实习生 个人主页 18shou 系列专栏 牛客刷题专栏 在线刷题面经模拟面试 目录 题目 思路 题解 题目 给定一个长度为 n 的字符串 请编写一个函数判断该字符串是否回文 如果是回文请返回
  • computed计算属性和data_computed与watched选项的比较

    computed 通过属性计算而得来的属性 1 支持缓存 只有依赖数据发生改变 才会重新进行计算 computed 属性值会默认走缓存 计算属性是基于它们的响应式依赖进行缓存的 也就是基于data中声明过的数据通过计算得到的 2 不支持异步