对computed的处理

对computed的处理时，会遍历computed配置中的所有属性，为每一个属性创建一个Watcher对象，并把getter传入，这样一来，getter运行过程中就会收集依赖。但是和render函数不同，为计算属性创建的Watcher不会立即执行，因为要考虑到该计算属性是否会被渲染函数使用，如果没有使用，就不会得到执行。为此，在创建Watcher的时候，它使用了lazy配置，让Watcher不会立即执行。开启lazy配置后，Watcher内部会保存两个关键属性来实现缓存，一个是value，一个是dirty。value属性用于保存Watcher运行的结果，受lazy的影响，该值在最开始是undefined。dirty属性用于指示当前的value是否已经为脏值(过期)，，受lazy的影响，该值在最开始是true。Watcher创建好后，vue会使用代理模式，将计算属性挂载到组件实例中。当读取计算属性时，vue检查其对应的Watcher是否是脏值，如果是，则运行函数，计算依赖，并得到对应的值，保存在Watcher的value中，然后设置dirty为false，然后返回。如果dirty为false，则直接返回watcher的value。

巧妙的是，在render函数运行依赖收集时，被依赖的数据不仅会收集到计算属性的Watcher，还会收集到组件的Watcher。当计算属性的依赖变化时，会先触发计算属性的Watcher执行，此时，它只需设置dirty为true即可，不做任何处理。由于依赖同时会收集到组件的Watcher，因此组件会重新渲染，而重新渲染时又读取到了计算属性，由于计算属性目前已为dirty，因此会重新运行getter进行运算。

而对于计算属性的setter，则极其简单，当设置计算属性时，直接运行setter即可

使用场景

• 一个数据受到多个数据影响，比如：总价计算
• 数据过滤，列表数据的筛选功能