如何使用Vue.js devtools chrome扩展？

我已安装VueJS chrome扩展：

但我发现它毫无用处，除非我遗漏了什么。所以我把问题贴在这里，如果有人能提供我所缺少的

我设置此vuejs项目：

此项目有多个vue组件，但其中大多数组件未显示在vuejs chrome扩展中。这是屏幕截图：

---

Vue开发工具在您现在查看应用程序时显示应用程序（就像DOM查看器显示页面上当前的DOM元素一样）。单击组件将显示该组件的内部状态，如道具和数据。这允许您在看到应用程序中出现错误时推断问题可能来自何处。它还允许您确定是否加载了正确的组件。它不会向您显示当前不在文档中的组件，因为它不会有用

vuex选项卡将允许您检查整个存储区，以及自vue devtools初始化以来已完成的所有突变以及有效负载。它将显示由getter计算的内容

---

“事件”选项卡将显示已触发的事件。如果您有一个使用它们的框架，或者您自己使用全局事件，这可能会特别好。

您的问题是什么？