dep和effect之间的对应关系

[wd2010]

崔老师好,最近在研究reactivity模块,对应dep和effect之间知道有如下的关系,但当嵌套依赖复杂点,就搞不清楚了,请问你是怎么理解这一块的?

// effect 和dep之间的对应关系
targetMap: {
    target1: {
        key1: [effect1, effect2, ...],
        key2: [effect1, effect2, ...],
        key3: [effect1, effect2, ...],
        ...
    } 
}
effect.deps = [
    [effect1, effect2, ...],
    [effect1, effect2, ...],
    [effect1, effect2, ...],
    ...
]

但当加入computed,ref后,感觉有点绕不清了,比如:

const count = ref(0) 
const plusOne = computed(() => { 
  return count.value + 1 
}) 
effect(() => { 
  // plusOne.value 和 count.value顺序不一样,输出结果不一样
  // console.log( plusOne.value + count.value) 
  console.log(count.value + plusOne.value) 
}) 
function plus() { 
  count.value++ 
} 
plus()

再比如:

const count = ref(0) 
const plusOne = computed(() => { 
  return count.value + 1 
}) 
const plusTwo = computed(() => { 
  return plusOne.value + 1 
}) 
console.log(plusTwo.value)

[chengazhen]

全局Dep => 精确到对象的 Dep => 精确到 key的 dep

去看下 尤雨溪的视频就明白了

[cuixiaorui]

可以关注一波 #23