"Store as global variable" button for components

[Kelin2025]

What problem does this feature solve?

It's a nice feature to edit data right in vue-devtools
But I also want to test components in console by calling their methods etc during development
For now, I just write window.a = this in created hook
It would be nice to have "Store as global variable" button in components section that will just put the component instance in some global variable

What does the proposed API look like?

Just a button near "Scroll to view" (here) that will copy component instance to a global variable

[LinusBorg]

You can already do that.

When you select a component in the component inspector's tree, you will see a short note beside it, like this:

<App> = $vm0

That means that this component is now accessible as a variable named $vm0 in the console.

[Kelin2025]

But...

[LinusBorg]

But....

Can you provide a little more information about the scenario in which this doesn't work? any (i)frames involved, for example?

[Kelin2025]

I've just installed webpack template from vue-cli, no iframes on the page (even from extensions) 🤔

[crswll]

I just opened up a PR which might make this a little more obvious: #614

[Akryum]

Fix in #614