javascript - 我应该在 Vue js 中哪里实现相当于 'base.html' 的内容？

Question

我正在从没有前端框架的 Flask 后端过渡到 Vue.js(尚未选择后端)。

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

我想用 Vue 做类似的事情，但不确定在哪里实现这种“base.html”代码。这是我的 vue js 项目的文件结构，我使用 vue cli 创建该项目:

我想我可以将以前的“base.html”的html内容放在index.html文件中(一直在图片的底部)或放在src/App.vue的模板中文件..或者也许有更好的方法？

Answer 1

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

说我认为关于如何将 Flask 与 Vue 集成的好例子无数，这里有一个来自 GitHub 的有趣例子:flask-vuejs-template .