我对Vue JS比较陌生,但是我想用它来构建一段时间 . 我想要做的是将整个站点构建为Vue JS组件,将大部分站点预呈现为静态HTML,JS和CSS,但将一些组件保留为活动的Vue JS组件 .

例如,假设我的网站上有导航组件,页脚组件和表单组件,共有3页 . 导航和页脚显示在所有3个页面上,但表单仅显示在1页上 . 我可以在Vue JS中构建所有组件,然后将导航和页脚预呈现为静态,但只保留表单组件作为站点上的实时Vue JS组件吗? Webpack可以这样吗?使用Nuxt.js?

我希望这是有道理的,谢谢!

Edit: 也许这会更清楚 . 假设我有一个app1和app2的页面 . 我希望app1在Vue JS中构建,但输出static和app2以保持动态Vue JS组件 . 所以我想要的输出是这样的:

<div id="app1">

The actual rendered text

</div>

<div id="app2">

{{ message }}

</div>