Skip to content

Latest commit

 

History

History
83 lines (56 loc) · 1.27 KB

slot-sugar.md

File metadata and controls

83 lines (56 loc) · 1.27 KB
relates tags description
布局
语法
针对布局中具名插槽的语法糖。

布局插槽语法糖

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

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

---
layout: two-cols
---

<template v-slot:default>

# 

这会在左边显示

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

# 

这会在右边显示

</template>

这会在左边显示

这会在右边显示

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

---
layout: two-cols
---

# 

这会在左边显示

::right::

# 

这会在右边显示

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

---
layout: two-cols
---

::right::

# 

这会在右边显示

::default::

# 

这会在左边显示