Прежде всего, большое спасибо тем, кто разрабатывает и публикует компоненты vue. Вы делаете работу для нас очень простой и легкой. Большинство компонентов находятся на расстоянии npm install.
Однако я хотел бы обратить ваше внимание на один небольшой аспект экспорта компонентов. Давайте посмотрим, как мы обычно предоставляем компоненты для публикации. Предполагая, что у нас есть hello world component
Давайте представим это внешнему миру, чтобы мы могли опубликовать в npm
При этом, когда кто-то устанавливает ваш компонент vue, он / она должен импортировать его и зарегистрировать в глобальной области видимости.
Такой подход приемлем, если компонент будет использоваться во многих местах приложения. В противном случае это загрязнило бы глобальный масштаб. Но если кто-то, использующий ваш компонент, захочет использовать его на локальном компоненте, как только ему придется прибегнуть к импорту его следующим образом
import HelloWorld from ‘helloworld/src/components/HelloWorld.vue’
Что не совсем идеально и непросто. Лучшей практикой было бы предоставить пользователю возможность импортировать его глобально и локально одновременно с минимальными усилиями. Не нужно иметь дело с внутренней структурой вашего приложения.
Идеальный импорт должен быть
Для этого вам нужно добавить только одну строку. Тот, которым пренебрегают большинство разработчиков компонентов.
При экспорте компонента не забудьте включить эту строку.
Если этот пост был полезен, поделитесь им и следите за другими моими статьями. Вы можете подписаться на меня на GitHub и LinkedIn. Если у вас есть идеи и улучшения, не стесняйтесь поделиться ими со мной.
Удачного кодирования!
