Menu
I'm implementing a web page with multiple Vue instances.
I have a simple question : is it possible to name and display them under their name with vue-devtools?
Actually my console displays instances like this and it is hard to distinguish them :
581
It is totally legal and fine to have multiple Vue instances on your page controlling different parts and pieces of it. In fact, you can even have your instances communicate with each other by storing them in variables within the global namespace.
Vue Devtools 6 supports Vue 3 and as of right now it's in beta and available for Chrome and Firefox.
By "multiple instances of Vue", if you mean you have multiple new Vue({}) instances, then you can give each its own name as:
new Vue({
name: 'Samayo'
})
And now the <Root> in your devtools will be replaced with <Samayo>
168
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
