如何区分Vue Devtools中的组件实例

Question

当我在Vue的devtools chrome扩展中查看我的应用程序状态时，我可以在树视图中看到同一组件的多个实例。但是，没有办法区分一个实例与另一个实例。例如，在下面的屏幕截图中，有三个ls.out组件。想象一下，有30个。如何将某种实例名称或ID附加到我的组件？点击30个组件找到我需要的组件似乎很愚蠢。

Answer 1

您可以使用 ':key' 属性。如果您的组件依赖 v-for 循环，您甚至必须使用它。

here you can see the keys