Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/vuejs/vue-next/issues/3806 below:

watchEffect not triggered sometimes when ref mutation happens inside onMounted · Issue #3806 · vuejs/core · GitHub

3.1.0-beta.3

reproduce at SFC Playground

Open the included SFC Playground reproduce link, and open the browser dev tool console to check the log

What the code does:

1. The App renders a Parent component.
2. The Parent conditionally renders a Child once the "showChild" flag is toggled (async toggled after one second).
3. The Child component defines a ref (initialized), and registers a watchEffect for it. The ref is set when the Child component is mounted through onMounted hook.

On the console I am expecting to see watchEffect in the Child component to be triggered twice: once immediately, and once when the initialized ref is set. Specifically, I am expecting to see

watchEffect triggered with initialized = true

at the end of the console log

watchEffect in the Child is NOT triggered when the initialized is set inside onMounted. Console log indicates watchEffect is only triggered once:

setting state.showChild
watchEffect triggered with initialized = undefined
Child onMounted

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4