title: How to distinguish between component instances in Vue Devtools
body: <p>When I look at my application state in Vue's devtools chrome extension, I can see multiple instances of the same component in the tree view.  However, there is no way to distinguish one instance from another.  For example, in the screenshot below there are three <code>&lt;Todo&gt;</code> components.  Imagine instead there are 30.  How do I attach some kind of instance name or id to my components?  It seems silly to have to click through 30 components to find the one I need.  <a href="https://i.stack.imgur.com/iD3Ge.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iD3Ge.png" alt="Sample screenshot showing vue devtools tree view"></a></p>