Как найти, где определяется пользовательский компонент Vue?

Question

Я работаю над незнакомой кодовой базой, которая включает в себя некоторые компоненты, <v-content>, <v-card> et c.

Есть ли надежный способ определить, где они определены? (Очевидно, я могу погуглить этот конкретный пример - я ищу общий способ сопоставления имени компонента с его определением.)

Answer 1

Я предполагаю, что вы имеете в виду глобальные компоненты, поскольку регистрация локального компонента требует явного импорта компонента из определенного исходного каталога или модуля, и в этом случае источник компонента будет очевиден.

Глобальная регистрация компонента Синтаксис:

Vue.component('componentName', ...)

Таким образом, вы можете выполнить поиск этой последовательности в исходном каталоге (включая node_modules). Например, вы можете grep это с:

grep -nr Vue\\.component .