我希望能够采取Vue.js组件并将其编译为静态html(理想情况下在运行时)。我不需要任何javascript，但我需要样式。我正在寻找一个库，在那里我可以沿着这一行运行一些东西:
SomeNestedComponent.vue
<template>
<div class="world">
World!
</div>
</template>
<style lang="scss">
.world {
background: blue;
}
const vueComponent = `
<template>
<div class="hello">Hello!</div>
<SomeNextedComponent />
</template>
<style lang="scss">
.hello {
background: red;
}
</style>
`
const staticHtml = compileVueComponent(vueComponent)
输出:
<body>
<div style="background: red;">Hello!</div>
<div style="background: blue;">World!</div>
</body>
在这里使用Vue不会得到任何好处，特别是对于电子邮件模板，恰恰相反(需要来回而没有很多附加价值)。
如果需要用后端数据创建一些动态视图，最好使用EJS、Jinja、pug或任何其他后端模板语言。你可以实现动态渲染、列表循环、CSS和电子邮件模板所需的几乎所有东西。
我想这个视频也可能有所帮助(我自己没有看过):https://www.vuemastery.com/conferences/vueconf-us-2021/html-email-with-vue.js/