Unclear watchEffect example in the docs

[3zzy]

The official docs provides this example for watchEffect:

watchEffect(async () => {
  const response = await fetch(
    `https://jsonplaceholder.typicode.com/todos/${todoId.value}`
  )
  data.value = await response.json()
})

During its execution, it will automatically track todoId.value as a dependency (similar to computed properties). Whenever todoId.value changes, the callback will be run again.

However, just a few paragraphs down there's a tip:

watchEffect only tracks dependencies during its synchronous execution. When using it with an async callback, only properties accessed before the first await tick will be tracked.

So in this example, the property appears after the first await so would it be tracked or not?

[baiwusanyu-c]

The tracking of object properties is based on property access, and its implementation is to proxy the get method through proxy. In the above example, todoId is accessed, then todoId will be collected as a dependency, and data.value is an assignment action, it does need to wait for await to be executed before it is assigned . The action of assignment only triggers the execution of dependent functions. So in this example todoId will be collected, and data.value will be assigned and trigger the corresponding dependent function