В Vue хорошая идея импортировать только необходимые компоненты

Question

Мне было интересно, выгодно ли для производительности в Vue импортировать только необходимые зависимости для каждого компонента или все зависимости, используемые в некоторых компонентах, должны загружаться глобально? Как Vue компилирует компоненты? Это тот случай, когда все они загружаются так или иначе, когда загружается одна страница приложения, или компоненты также загружаются на ходу?

Больше бетона:

Лучше сделать это:

<template>
    ... Some template code
</template>

<script>
    import { MdDialog, MdContent, MdButton } from 'vue-material/dist/components'

    export default {
        ...
    }
</script>

Или лучше импортировать эти вещи глобально в app.js, даже если некоторые компоненты используют только их часть?

Answer 1

Это должно быть вопросом предпочтения.

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

Если вы решили импортировать локально, вы будетепосмотрим, откуда взялись ... В противном случае на большей базе кода это может привести к путанице.

Другое дело, если вы решите импортировать асинхронный компонент.Если импорт используется только в динамически импортированном компоненте, он должен поставляться с его чанком, в противном случае, если он импортирован более чем в один компонент, локальный импорт будет означать дублирование кода ...

Надеюсь, я был полезен.