创建一个花哨的电子书应用程序 . 我想为每个页面定义一个具有固定外观/帧的页面模板 .
<page></page>
模板：
<h1>{{heading}}</h1>
<div class="page-frame">
<page-content></page-content>
</div>
<footer>footer contents</footer>
在 <page-content> 令牌中，我希望它以带有其他自定义标签的模板形式读取数据，格式化为普通模板并散布自定义标签 - 而不仅仅是HTML . 然后，当读者从一个页面移动到另一个页面时， <page-content> 组件将换出/换入新的页面定义 .
第1页定义：
<p>paragraph</p>
<custom-tag1 key=value></custom-tag1>
<custom-tag2 key=value></custom-tag2>
第2页定义：
<blockquote>interesting quote</blockquote>
<audio src="audio.file" controls></audio>
请注意，单个页面内容将保留为数据，但形式为普通模板 .
如果不将每个页面定义为组件，我还没有找到一种方法 .
任何帮助/指针/评论赞赏 .
1 回答
您需要的是内容投影 . 看看这个更好地解释的视频：https://www.youtube.com/watch?v=CeCd0-sqM7o