4 • 通过可复用的页面布局节省时间和精力
第四单元:布局
现在你已经可以使用组件进行搭建,让我们创建一些自定义布局吧!
我们现在在哪里?
标题部分 我们现在在哪里?你可以在 GitHub 或者 StackBlitz 上找到这个教程当前阶段的代码。
检查你的代码是否与此示例匹配。或者如果你刚刚加入我们,请在 StackBlitz 上 Fork,并从这里开始在浏览器中进行编程。
本单元目标
标题部分 本单元目标在这个单元中,你将构建布局,以在你的页面和博客文章之间共享常见元素和样式。
为了实现这一目标,你将
- 创建可复用的布局组件
- 使用
<slot />
将内容传递给你的布局 - 将 Markdown frontmatter 中的数据传递给你的布局
- 嵌套多个布局