Vue.js 如何查找自定义Vue组件的定义位置？

我正在处理一个不熟悉的代码库，其中包括一些组件，

，

等

---

是否有可靠的方法来确定它们的定义？（显然，我可以用谷歌搜索这个特定的例子——我正在寻找一种将组件名称映射回其定义的通用技术。）

我假设您指的是全局组件，因为本地组件注册需要从特定的源目录或模块显式导入组件，在这种情况下，组件的来源是显而易见的

语法是：

Vue.component（'componentName'，…）

因此，您可以在源目录（包括

节点\u模块

）中搜索该序列。例如，您可以

grep

使用以下工具：

grep -nr Vue\\.component .

---

我假设您指的是全局组件，因为本地组件注册需要从特定的源目录或模块显式导入组件，在这种情况下，组件的源是显而易见的

语法是：

Vue.component（'componentName'，…）

因此，您可以在源目录（包括

节点\u模块

）中搜索该序列。例如，您可以

grep

使用以下工具：

grep -nr Vue\\.component .

---

我不一定只局限于全局组件，但您关于“本地组件”的评论是有意义的。在这种情况下，库似乎是Vuetify，它间接导入所有子组件。它加载了

Vue.use（Vuetify）

not

Vue.component（）

…这是插件的入口，插件在内部运行。请允许我扩展我的答案，以包括本地组件、Vuetify和潜在的搜索警告。我不一定只限于全局组件，但您关于“本地组件”的评论是有意义的。在这种情况下，库似乎是Vuetify，它间接导入了所有子组件。它加载了

Vue.use（Vuetify）

not

Vue.component（）

…这是插件的入口，插件在内部运行。请允许我扩展我的答案，以包括本地组件、Vuetify和潜在的搜索警告。