布局插槽语法糖
一些布局可以通过 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::
# 左
这会在左边显示