Skip to content

レイアウト向け Slot Sugar

一部のレイアウトは、Vue の名前付きスロット を使用して、コンテンツの挿入ポイントを複数提供できます。

例えば、two-cols レイアウト では、左側(default スロット)と右側(right スロット)の 2 つのカラムを並べて表示できます。

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

<template v-slot:default>

# 左側

これは左側に表示されます

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

# 右側

これは右側に表示されます

</template>

左側

これは左側に表示されます

右側

これは右側に表示されます

Slidev は、スロット名の糖衣構文 ::name:: も提供しています。以下は先述の例とまったく同じ動作をします。

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

# 左側

これは左側に表示されます

::right::

# 右側

これは右側に表示されます

デフォルトスロットを明示的に指定し、好きな順序で提供することもできます。

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

::right::

# 右側

これは右側に表示されます

::default::

# 左側

これは左側に表示されます

Released under the MIT License.