Skip to content

布局插槽语法糖

一些布局可以通过 Vue 具名插槽 提供多个可插入的位点。

例如,在 two-cols 布局中,你可以创建一左一右的双栏布局。

md
---
layout: two-cols
---

<template v-slot:default>

# 左

这会在左边显示

</template>
<template v-slot:right>

# 右

这会在右边显示

</template>

这会在左边显示

这会在右边显示

我们还为插槽名称提供了一个简写语法糖 ::name::。下面的示例与前面的示例完全相同:

md
---
layout: two-cols
---

#

这会在左边显示

::right::

#

这会在右边显示

你还可以明确指定默认插槽,并按自定义顺序排列。

md
---
layout: two-cols
---

::right::

#

这会在右边显示

::default::

#

这会在左边显示

Released under the MIT License.