Javascript 从全局范围访问定义的Vue组件

使用Vue.js，是否可以从全局javascript范围访问实例化的Vue.js组件对象？或者Vue的内部是否以无法访问的方式实例化对象

i、 e.我有定义组件的代码

Vue.component('component-name', {
   /*...*/
});

然后标记使用该组件

<component-name>
    /* can user templates with component objects vars {{foo}}
</component-name>

---

我知道Vue.js Chrome调试器——但我想知道是否有可能通过代码访问这些对象，以及语法是什么（我的Chrome插件技能太弱，无法深入了解它们在调试器插件中所做的工作）

看起来Vue开发工具正在扫描DOM以查找Vue的根级别实例

请参阅扫描功能。基本上，它会在页面上查找元素，试图找到具有属性

\uuuu vue\uuuu

的元素。在此基础上，它会做出一些决定，以确定它是否是根实例

---

拥有根目录后，您应该能够遍历它的属性（如

$children

）以查找组件的实例。

看起来Vue开发工具正在扫描DOM以查找Vue的根目录级实例

请参阅扫描功能。基本上，它会在页面上查找元素，试图找到具有属性

\uuuu vue\uuuu

的元素。在此基础上，它会做出一些决定，以确定它是否是根实例

---

拥有根目录后，您应该能够遍历它的属性（如

$children

）以查找组件的实例。

任何全局注册的Vue组件都可以通过以下方式从任何其他组件访问：

this.$options.components.MyComponent

或：

---

如果在当前组件内部找不到MyComponent，JS将在原型链中搜索，直到找到它（或不找到），最后一步是注册所有全局组件的根Vue实例原型。

任何全局注册的Vue组件都可以通过以下方式从任何其他组件访问：

this.$options.components.MyComponent

或：

---

如果在当前组件中找不到MyComponent，JS将在原型链中搜索，直到找到它（或没有），最后一步是注册所有全局组件的根Vue实例原型。

您在寻找什么？在大多数生命周期事件中，您可以检查此，并将看到组件本身。@BertEvans感谢您的关注！如果我的上下文有帮助的话：我从事开发人员工具的工作。除了我所说的我正在寻找的东西之外，我没有寻找任何东西——一种从全局javascript作用域访问实例化组件对象的方法。从全局作用域中，您可以捕获Vue构造函数的结果（

const app=new Vue（…）

），从那里您可以深入到完整的组件树，虽然它没有很好的文档记录。@BertEvans再次感谢您——但我希望在运行时以及在我不控制vue构造函数实例化的应用程序中访问这些信息。有用的信息！你在找什么？在大多数生命周期事件中，您可以检查此，并将看到组件本身。@BertEvans感谢您的关注！如果我的上下文有帮助的话：我从事开发人员工具的工作。除了我所说的我正在寻找的东西之外，我没有寻找任何东西——一种从全局javascript作用域访问实例化组件对象的方法。从全局作用域中，您可以捕获Vue构造函数的结果（

const app=new Vue（…）

），从那里您可以深入到完整的组件树，虽然它没有很好的文档记录。@BertEvans再次感谢您——但我希望在运行时以及在我不控制vue构造函数实例化的应用程序中访问这些信息。有用的信息！

this.$options.components['MyComponent']