我对Vue JS比较陌生，但我想用它来构建一段时间。我想要做的是将整个站点构建为Vue JS组件，将大部分站点预呈现为静态HTML，JS和CSS，但将一些组件保留为活动的Vue JS组件。
例如，假设我的网站上有导航组件，页脚组件和表单组件，有3页。导航和页脚显示在所有3个页面上，但表单仅显示在1页上。我可以在Vue JS中构建所有组件，然后将导航和页脚预呈现为静态，但只保留表单组件作为站点上的实时Vue JS组件吗？ Webpack可以这样吗？使用Nuxt.js？
我希望这是有道理的，谢谢！
编辑：也许这会更清楚。假设我有一个app1和app2的页面。我希望app1在Vue JS中构建，但输出static和app2以保持动态Vue JS组件。所以我想要的输出是这样的：
<div id="app1">
The actual rendered text
</div>
<div id="app2">
{{ message }}
</div>