先说下computed属性和methods区别

  • computed是响应式的,methods并非响应式。
  • 调用方式不一样,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用。
  • computed是带缓存的,只有其引用的响应式属性发生改变时才会重新计算,而methods里的函数在每次调用时都要执行。
  • computed中的成员可以只定义一个函数作为只读属性,也可以定义get/set变成可读写属性,这点是methods中的成员做不到的

比如:我们想去时刻监控数据的变化,在视图上显示不同的结果,当然这两中方法都可以实现这种效果,这个时候用computed就比较合理了,因为computed是可缓存的,只要数据层值不改变,computed就不会去改变,而且可缓存,如果数据层的值变了,computed就会实时更新到视图层上,所以说computed是响应式的。

computed属性和watch区别

  • computed里属性名是自定义的,它可以监听一个或多个它所依赖的数据项;而watch一次只能监听一个属性,这个属性函数接收两个参数,一个是新值一个是旧值。
  • computed里自定义的属性不能与data里的属性重复,否则会报错;而watch里监听的属性必须是已存在的,其要么是data里的属性,要么是computed里计算出来的属性。
  • watch是允许异步操作的(访问一个API),并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的。

我们在不知道用什么时,基本上用computed是没什么问题的。

的watch什么时候触发_Vue中computedamp;methodamp;watch的区别相关推荐

  1. vue中create 什么触发_vue中eventbus被多次触发(vue中使用eventbus踩过的坑)

    一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B.(我知道,小参数的 ...

  2. computed vue 不 触发_Vue中的computed怎么理解?是如何实现的?

    Vue中computed怎么理解?是如何实现的? computed 又称计算属性,什么情况下会用到计算属性,我们直接上代码理解一下 // 我们有一个message,经过多次逻辑处理最终显示到页面中 / ...

  3. vue 监听表格里的数据变化_vue中监听object数据变化的基本原理

    # 简略版+自己的注释// 判断一个变量是否是对象 function isObject(obj) { return obj.constructor === Object } class Observe ...

  4. 静态方法与非静态方法的区别_程序员必看之ThinkPHP5中model与Db的区别

    在ThinkPHP5的使用过程中,很多使用者刚接触到数据库操作时,不能很好调用相关的方法进行数据库的交互.下面就分享一下ThinkPHP5中Db与模型的区别 关于db与model的选择 使用DB方式是 ...

  5. C#中struct和class的区别详解

    本文详细分析了C#中struct和class的区别,对于C#初学者来说是有必要加以了解并掌握的. 简单来说,struct是值类型,创建一个struct类型的实例被分配在栈上.class是引用类型,创建 ...

  6. Vue中computed和watch的区别(面试题)

    computed:通过属性计算而得来的属性 1.computed内部的函数在调用时不加(). 2.computed是依赖vm中data的属性变化而变化的,也就是说,当data中的属性发生改变的时候,当 ...

  7. Spark中foreachPartition和mapPartitions的区别

    Spark中foreachPartition和mapPartitions的区别 spark的运算操作有两种类型:分别是Transformation和Action,区别如下: Transformatio ...

  8. php行为和事件是什么,Yii Framework框架中事件和行为的区别及应用实例分析

    本文实例讲述了Yii Framework框架中事件和行为的区别及应用.分享给大家供大家参考,具体如下: 个人觉得,在 Yii 里面,最难以明白的就是事件(Event)和行为(behavior)了.这不 ...

  9. Java中notify和notifyAll的区别 - 何时以及如何使用

    Java  notify   vs notifyAll notify和notifyAll方法之间有什么区别是棘手的Java问题之一! Condition 是个什么玩意? 提几个问题,从问题中去了解去学 ...

最新文章

  1. 视频编辑SDK---我们只提供API,任你自由设计炫酷的功能
  2. AviCAD 2020 Pro v20.0中文版
  3. maven <type>pom</type><scope>import</scope>
  4. 真假应用傻傻分不清,HideIcon病毒玩起“隐身计”
  5. 第三届“达观杯”文本智能算法大赛参赛指南
  6. HDU odd-even number 数位dp
  7. 通过文件锁 Lockfile/flock 让脚本单实例运行
  8. MaxCompute实战之数据存储
  9. 解决Android 4.0以上版本中OptionsMenu菜单不显示ICON图标的问题
  10. 如何通过细节来看业务流程ERP管理系统的成熟度?
  11. CarMaker快速入门第四课开发48V P1混动系统
  12. 路由型交换机建立VSF及删除VSF
  13. Keras-YOLOV3-tensorflow制作训练自己的数据集
  14. 学习《医学三字经白话解》之医学源流+中风
  15. 利用BSCScan获取账户交易记录
  16. 基于SpringBoot的网上购物商场管理系统
  17. 王者荣耀用什么开发的
  18. java 防渗透_火焰 对于 () 相当于墨汁对于()A.冰冷 洁白B.温暖 黝黑C.氧气 砚台D.光明 黑暗...
  19. [2020.1.1]2020第一个blog哟~~~一套RGB分体水冷攒机单
  20. MySql表结构设计篇

热门文章

  1. 加码 2000 亿新基建还不够,阿里云再放话:今年招 5000 人!
  2. 作为一个非天才型选手,普通程序员如何升级打怪?
  3. 优秀程序员都有哪些编程习惯?
  4. 如何通过 Web 实现防御木马、病毒...... | 原力计划
  5. 和“内存杀手” Chrome 说再见!新版 Edge 即将发布
  6. 起底方舟编译器的引用计数!
  7. Zend 创始人欲创建 PHP 方言,暂名为 P++;鸿蒙 OS 面世;中国首个开源协议诞生 | 开发者周刊...
  8. 大数据时代已来,开发者该如何出击?
  9. 996 的程序员,只能云养娃吗?
  10. GitHub 疑被审查?著名“换脸”开源项目遭限制访问