Vue之computed 和 wacth

计算属性computed ，监听属性wacth：

计算属性存在的意义：

在html中插入一个普通函数时（methdos中的函数），每次修改数据，html结果就会刷新（局部的重排和重绘）。同时普通函数也会重复执行。这样性能大打折扣。所以就有了计算属性computed。

computed的内部机制：

当他依赖的值发生变化的时候。他会重新计算

内部设置有缓存，会缓存当前数据。会监听当前值的变化。内部有get（获取值的时候触发）和set（设置值的时候触发）方法。当监听的数据修改时，会执行一系列的逻辑操作。

computed的底层核心实现：

借用了对象上的方法：Object.defineProperty 能实时对改变的数据监听。（响应式的核心实现，不过在vue3中更换了es6中新增的api）

 

监听属性存在的意义：

可以特定的监听某个数据，内部也设置有缓存。

虽然计算属性在大多数情况下是非常适合的，但是在有些情况下我们需要自定义一个watch，在数据变化时来执行异步操作，这时watch是非常有用的。