是否可以预渲染一些（但不是全部）Vue JS 组件？

Question

我对 Vue JS 比较陌生，但我想用它构建一些东西已经有一段时间了。我想要做的是将整个网站构建为 Vue JS 组件，将网站的大部分内容预渲染为静态 HTML、JS 和 CSS，但保留一些组件作为活动 Vue JS 组件。

例如，假设我的网站上有一个导航组件、一个页脚组件和一个表单组件，该组件有 3 个页面。导航和页脚出现在所有 3 页上，但表单仅出现在 1 页上。我可以在 Vue JS 中构建所有组件，然后将导航和页脚预渲染为静态，但仅将表单组件保留为网站上的实时 Vue JS 组件吗？Webpack 可以实现这样的功能吗？使用 Nuxt.js？

我希望这是有道理的，谢谢！

编辑：也许这会更清楚。假设我有一个包含 app1 和 app2 的页面。我希望 app1 在 Vue JS 中构建，但输出静态，而 app2 仍然是动态 Vue JS 组件。所以我想要的输出是这样的：

<div id="app1">

The actual rendered text

</div>

<div id="app2">

{{ message }}

</div>