Computed 和 Watch 的区别
1.computed计算属性:
作用:
(1)解决模板中放入过多的逻辑会让模板过重且难以维护的问题。例如两个数据的拼接或字体颜色的判断。
(2)它支持缓存,只有依赖的数据发生了变化,才会重新计算。例如模板中多次用到数据拼接可以用计算属性,只执行一次计算,除非数据发生变化。
(3)不支持异步,如果有异步操作,无法监听数据的变化。
(4)如果属性值是函数,默认使用get方法,函数的返回值就是属性的属性值。还有一个set方法,当数据变化时就会调用set方法。
(5)computed的值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data声明过,或者父组件传递过来的props中的数据进行计算的。
2.watch侦听器:
作用:
(1)它不支持缓存,数据变化时,它就会触发相应的操作。
(2)支持异步监听。
(3)接受两个参数,第一个是最新的值,第二个是变化之前的值。
(4)监听data或者props传来的数据,发生变化时会触发相应操作。有两个参数:
immediate:立即触发回调函数。
deep:深度监听,发现数据内部的变化,在复杂数据类型中使用,例如数组中的对象发生变化。需要注意的是,deep无法监听到数组和对象内部的变化。
3.总结:
(1)computed 计算属性 : 依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值。
(2)watch 侦听器 : 更多的是观察的作用,无缓存性,类似于某些数据的监听回调,每当监听的数据变化时都会执行回调进行后续操作。
4.computed与watch的使用场景:
computed:是多对一,多个数据影响一个。当需要进行数值计算,并且依赖于其它数据时,应该使用 computed,因为可以利用 computed 的缓存特性,避免每次获取值时都要重新计算。
watch:是一对多,一个数据发生变化,执行相应操作会影响多个数据。当需要在数据变化时执行异步或开销较大的操作时,应该使用 watch,使用 watch 选项允许执行异步操作 ( 访问一个 API ),限制执行该操作的频率,并在得到最终结果前,设置中间状态。这些都是计算属性无法做到的。
相关文章
- 每年14PB数据存储需求,海量交通安全数据如何安放?
- Oracle提议将G1作为Java 9的默认垃圾收集器
- 从携程瘫痪事件看运维的85条军规
- 详谈Struts+Hibernate+Spring三大框架
- Java Hibernate 之连接池详解
- PHP开发者常犯的10个MySQL错误
- 为什么程序员不会最简单的100到1的输出?
- 敏捷数据分析方法论革命来袭
- 不懂编程和数据库也能创建表单
- 发布&订阅的消息系统 Kafka的深度解析
- 2015年薪酬大涨的15个IT岗位
- Guava并发:ListenableFuture与RateLimiter示例
- 20个最热门的IT技术职位及薪资
- Oracle宣布更多的Java 9 新特性
- 一张图看懂硅谷科技公司的男女比例
- Ztree + PHP 无限极节点 递归查找节点法
- 这根本不是 BASH 的 BUG,是特征!
- Java9 2016年发布,新特性抢先看
- 通过Redis实现RPC远程方法调用
- Spring高级事务管理难点剖析