Search code examples
vue.jsvuejs2vue-devtools

Vuejs : is it possible to name Vue instances in vue-devtools?


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 :

vue-devtools


Solution

  • 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>