Где я должен реализовать эквивалент «base.html» в Vue JS?

Question

Я перехожу с бэкэнда Flask без фреймворка на Vue.js (бэкэнд еще не выбран).

Ранее я хотел создать файл base.html, который содержал бы весь шаблонный HTML-код и зависимости (например, ссылки на таблицы стилей), зависимости javascript (например, библиотеку j-query), а также компоненты html моего веб-сайта.это должно быть включено на каждой странице (например, панель навигации, фоновое изображение и т. д.).Затем, используя язык шаблонов jinja2, я буду расширять base.html на каждой последующей странице.

Я хотел бы сделать что-то похожее с Vue, но не уверен, где реализовать код такого рода «base.html».Вот структура файла моего проекта vue js, я использовал vue cli для создания этого проекта:

Я думал, что мог бы либо поставитьHTML-содержимое того, что ранее было «base.html» в файле index.html (полностью внизу рисунка) или в шаблоне файла src / App.vue .. или, возможно, есть просто лучший способделать это?

Answer 1

Если у вас есть фон Flask, я бы посоветовал вам продолжать использовать его и использовать Vue для вашего интерфейса.

Сказал, что я думаю, что есть бесчисленное множество хороших примеров того, как интегрировать Flask с Vue.Вот интересный пример из GitHub: flask-vuejs-template .