Внешние шаблоны в vue-router

Question

Я новичок в Vue и уже перенес в него небольшое приложение, но теперь я хотел добавить маршрутизацию на уровне переднего плана, поэтому я начал смотреть на vue-router.

Мои компоненты используют inline-template, потому что они размещены внутри шаблонов приложения django. Таким образом, экосистема django заботится о локализации, а также предоставляет больше информации для зарегистрированных пользователей.

Я не смог найти способ заставить мои компоненты работать с vue-router. Я даже тестировал с использованием x-templates, и он просто не работает, если шаблон не является строкой внутри кода JS.

Возможно ли использование vue-router внешних шаблонов файлов? Если нет, то как vue-router обрабатывает ситуацию, когда шаблоны генерируются бэкэнд-сервером?

Answer 1

В конце концов я нашел, как заставить это работать. Хитрость заключалась в том, чтобы поместить x-templates вне корневого элемента приложения Vue . Таким образом, корневое приложение Vue не пыталось отобразить их, а затем они были визуализированы их компонентами.