我应该在哪里实现相应的＆＃39; base.html＆＃39;在Vue js？

Question

我正在从没有前端框架的Flask后端转换到Vue.js（尚未选择后端）。

以前我会创建一个base.html文件，其中包含所有样板html代码和依赖项（如样式表的链接），javascript依赖项（如j-query库）以及我的网站的html组件应该是包含在每个页面上（如导航栏，背景图像等）。然后，使用jinja2模板语言，我会在每个后续页面中扩展base.html。

我想与Vue做类似的事情，但我不确定在哪里实施这个＆＃39; base.html＆＃39;一些代码。这是我的vue js项目的文件结构，我使用vue cli来创建这个项目：

我原以为我可以把以前的＆＃39; base.html＆＃39;在index.html文件中（一直在图片的底部）或src / App.vue文件的模板中..或者可能还有更好的方法吗？

Answer 1

如果您在后端的背景是Flask，我建议您继续使用它并使用Vue作为您的前端。

说我认为有很多关于如何将Flask与Vue集成的好例子，这里有一个来自GitHub的有趣例子：https://developer.microsoft.com/en-us/graph/docs/api-reference/v1.0/api/user_list_calendars。