Reactive data used during render is not updated in devtools, since last version.

[Romainpetit]

Version

6.1.3

Browser and OS info

MacOs 12.21 Chrome 99.0.48

Steps to reproduce

On a basic cdn global Vue app like presented in the docs https://vuejs.org/guide/quick-start.html#without-build-tools.

https://codepen.io/romainpetit/pen/jOYWYEG?editors=1010 Fullpage version: https://cdpn.io/pen/debug/jOYWYEG

• Open devtools
• Toggle active using the button in the page
• Watch the active data value in devtools — not changing

What is expected?

active data value to update in devtools

What is actually happening?

active data value stuck in devtools

---

Forcing a refresh in the devtools with the button works, but it's very inconvenient.

[Romainpetit]

Note: this appeared after upgrading from v6.0.13

[whitespacecode]

Note: this appeared after upgrading from v6.0.13

How to install a previous version, i'm getting the same bug.

[ajenkinski]

Can confirm, this bug is still here in devtools 6.1.4, Chrome 100.0.4896.127, MacOS 12.1. Reactive component state doesn't show updated values in devtools unless I hit the "Force Refresh" button in devtools.

[emavitta]

Can confirm, but it doesn't work only on the App root level, in the children component it works.