devtools-next
devtools-next copied to clipboard
Weird bugs with updating data properties (Options API only)
I'm experiencing weird bugs with attempting to use the DevTools to update a component's internal state. Using a very basic Vue 3 setup.
See this link for a simple reproduction: https://stackblitz.com/edit/vitejs-vite-xhoeo7?file=src%2FApp.vue,src%2Fcomponents%2FHelloWorld.vue,src%2Fcomponents%2FHelloWorld2.vue&terminal=dev
I've created two near-identical components:
- HelloWorld uses the Composition API - updating its internal variables works fine
- HelloWorld2 uses the Options API - updating its internal variables does not work (the variables retain their existing value with no changes), and sometimes it even modifies the variables inside the first HelloWorld component, instead
Is this a bug with how the DevTools updates vars that are defined via the Options API?