Должен ли я использовать разбиение кода на каждый компонент в VUE?

Question

У меня есть приложение в vue с машинописью.Я видел, когда я использую import для загрузки компонента, тогда я получил компонент-пакет со всем кодом компонента внутри.

Интересно, должен ли я сделать это для каждого компонента, который я хочу загрузить, например: Iу меня есть app.vue, у меня есть toolbar.vue и knife.vue.в моих компонентах маршрутизатора у меня есть другие компоненты vue.

Я боюсь, что случится то, что app.js загружается, затем компоненты внутри определения маршрута (500k), затем я получаю компонент панели инструментов (1.5mb),и я получу странный мигающий экран.

Так, я должен использовать расщепление пакета для каждого компонента в моем приложении?

Answer 1

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

Возьмем, к примеру, компоненты Header и Footer.Поскольку они будут использоваться практически на всех страницах, нет причин для разделения кода, так как вы хотите, чтобы он загружался вместе с пакетом для всех страниц.

---

Например, у вас есть компонент, в котором он имеет Blog Widget.Этот компонент будет загружаться только на странице /blog.Таким образом, это хороший вариант использования разделения кода, поскольку вам не нужно, чтобы Blog Widget связывался на других страницах, кроме страницы /blog.

Я могу предоставить вам только общийОтвет и использование компонентов Header и Footer - лучший способ выразить различные варианты использования.Что касается остальных компонентов, вы должны решить для себя, стоит ли разделять код или нет.