Статьи

Создайте Lazy-Load Router с Vue.js

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

В этой статье я покажу, как можно создать маршрутизатор с отложенной загрузкой с помощью Vue.js всего за несколько строк кода. Это будет работать изначально в браузерах, в которых реализован динамический импорт модулей, но я также добавлю запасной вариант для старых браузеров.

Получите готовый код здесь, на GitHub .


Вам также может понравиться:
Ленивая загрузка модулей ES2015 в браузере .

Статический JavaScript-модуль Импорт

Если вы используете последнюю версию любого основного браузера, вы можете выполнять статический импорт / экспорт прямо сейчас. Для Vue.js это означает, что вы можете экспортировать определение компонента из файла следующим образом:

BooksPage.js


JavaScript