面试速记之computed与watch的区别

computed:

show me the code

computed : {

foo() {
    if(this.a>0){ return this.a}
    else { return this.b + this.c }
}

}
data() {

a: 1,
b: 1,
c: 1,

}
计算属性会缓存上一次的计算结果，强调:是上一次而不是全部历史；
每次调用this.foo，是返回上一次的结果仍是执行foo函数返回最新的结果?
是靠computed的响应式构造器内部的变量dirty控制，dirty为true就执行foo，返回最新的结果，不然就返回缓存的值，而且每次执行foo之后，都会把dirty还原为false
也就是说 dirty 控制了是否从缓存里读取值，那么何时dirty会被修改成true呢?
deps有修改或者新增(方便记忆，并非新增会触发，而是新增时也会同步的触发dirty的修改)的时候；
computed的响应式构造器内部除了有dirty还有一个deps的数组，数组项是foo这个计算属性的依赖项，注意了，这个依赖不是代码表面上的this.a，this.b，this.c，而是在执行foo函数时，只有触发了某个值的getter，才会被添加到依赖数组，
deps默认为[]，当第一次执行foo函数时，碰到if(this.a)，触发了this.a的getters，就把this.a添加到deps，这时，依赖性里只有this.a，而且同步修改dirty为true，继续执行foo函数，返回最新的结果

伪代码表示就是
假设此时deps里只有this.a

执行this.b='2'
if(!deps.includes('this.b')){
return 上一次的值
}
执行this.a=2，
返回最新的值，

若是刚开始时 this.a=-1，依赖数组里有a,b,c，这个时候this.a=-2，新值和旧值同样，那么会返回上一次的值呢仍是会从新计算? 若是返回上一次的值(foo中的console没有执行)，就说明这个理论有问题，