还在代码里打印this？教你如何在浏览器直接查看实例？

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

平时开发我们可能会在vue代码中打印this 但有时一个画面 又或者代码已经部署到环境上了 我们不能直接判断是哪个组件出了问题 这些情况我们该如何查看Vue实例呢？

选中app 浏览器会帮我们把这个元素的dom对象绑定到$0上

$0.vue:就是我们的vue实例了

选中挂载的元素：$0.vue:就是我们的元素实例了