计算属性和侦听属性，前端面试必知必会100题（八股文汇总）第4题

前言

今年的就业行情不容乐观，随着一线互联网大厂的裁员潮不断涌来，流入社会的专业人士越来越多，这便导致互联网行业的就业压力和竞争越来越大，为了让各位开发者拥有更强的竞争力，这里小编把曾经总结的一些必知必会八股文分享出来，希望大家能找到心仪的工作！亲测，打遍中小厂无敌手，面试通过率高达90%~

第4题：计算属性和侦听属性

1.如果一个数据依赖于其他数据的简易计算处理的，那么使用computed比较合适。
2.如果需要在某个数据变化时做一些事情，使用watch来观察这个数据变化

计算属性:(空间换时间)
1.计算属性是一个函数，变量不在 data中定义，返回的结果就是计算属性得到的结果。
2.第一次使用计算属性的时候，会进行计算，将计算的结果缓存起来。
3.当我们再使用计算属性的时候，如果计算属性中使用到的数据没有发生变化，那么就会直接读取缓存 的结果，不会重新计算。
4.每次计算的结果缓存的时候，都会重新创建一个变量保存结果。

侦听属性:(时间换空间)
1.侦听器与data中的属性同名，当属性的值发生改变的时候，侦听器被触发执行。
2.而侦听器是直接计算，不会创建变量保存结果。
3.如果需要监听引用类型的数据变化，需要用handler+deep的方式进行深度监听。

总结:

我们在计算开销比较大(计算次数多或者异步处理)的时候，会使用侦听器watch来得到计算结果。
而其他情况建议使用计算属性computed，因为缓存节省多次计算的性能。

更多题目：后续不断更新中～可前往个人主页查看