4 • 通过可复用的页面布局节省时间和精力

第四单元:布局

现在你已经可以使用组件进行搭建,让我们创建一些自定义布局吧!

你可以在 GitHub 或者 StackBlitz 上找到这个教程当前阶段的代码。

检查你的代码是否与此示例匹配。或者如果你刚刚加入我们,请在 StackBlitz 上 Fork,并从这里开始在浏览器中进行编程。

在这个单元中,你将构建布局,以在你的页面和博客文章之间共享常见元素和样式。

为了实现这一目标,你将

  • 创建可复用的布局组件
  • 使用 <slot /> 将内容传递给你的布局
  • 将 Markdown frontmatter 中的数据传递给你的布局
  • 嵌套多个布局