devtools-next icon indicating copy to clipboard operation
devtools-next copied to clipboard

Weird bugs with updating data properties (Options API only)

Open SimonEast opened this issue 1 year ago • 0 comments

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?

SimonEast avatar May 09 '24 03:05 SimonEast