5
Kiedy patrzę na stan mojej aplikacji w rozszerzeniu chrome devtools Vue, widzę wiele wystąpień tego samego komponentu w widoku drzewa. Jednak nie ma sposobu na odróżnienie jednej instancji od drugiej. Na przykład na poniższym zrzucie ekranu znajdują się trzy komponenty: <Todo>. Wyobraźmy sobie, że istnieje 30. Czy mogę dołączyć do moich komponentów jakąś nazwę lub identyfikator instancji? Wydaje się głupie, że trzeba kliknąć przez 30 składników, aby znaleźć to, czego potrzebuję. 
Jak odróżnić instancje komponentów w Devtools Vue
Jeśli nie ma możliwości w tej chwili byłoby otworzyć problem na github repo https://github.com/vuejs/vue-devtools/issues może oni będą go dodać w przyszłości. –
Jak wolisz coś takiego? Mieszająca się mapa komponentu 'name' do' prop' do wyświetlenia obok? 'Vue.config.devtoolsComponentIdentifierMap = {Todo: 'id'}' Następnie wpisz coś takiego: ' || || '' w inspektorze? –
Nie wiem, czy to dobre rozwiązanie, ale możesz to zrobić. $ Options.name = 'todo' + this.todo.someProp' w twoim komponencie 'zamontowany' metoda –