в main.js можно выполнить что-то типа app.use(Vuetify), ну то есть там подкопотом будет происходить что-то типа
install: (app, options) => {
for (const [key, value] of Object.entries(components)) {
app.component(key, value)
}
for (const [key, value] of Object.entries(directives)) {
app.directive(key, value)
}
}
Но вот например bootstrap предлагает другой подход - старый добрый import компонентов прямо в компонентах. Ну типа чтобы каждый компонент сам для себя подтягивал нужные ему вещи. Какой подход лучше? С одной стороны install вроде как установит тебе всё подряд и не факт, что ты вообще когда-нибудь будешь использовать даже половину всего этого. А с другой стороны прописывать импорт одного и того же компонента в 150 местах проекта - так себе идейка (есть подозрение, что он и добавится в итоговый js 150 раз, но это не точно)
при scoped точно добавится столько раз, сколько вызывал, но при других подходах не проверял =)
Явный импорт почти всегда лучше глобального
вот это "почти" и пугает =) в каких случаях какой способ лучше? как это влияет на размер итоговой сборки? что в итоге будет с производительностью?
Когда что-то нужно в реально каждом компоненте, можно глобально подключить Из примеров могу привести только миксины и переменные из сасса Импорт вставит код только один раз
Обсуждают сегодня