Slot Sugar untuk Layout

Slot Sugar untuk Layout

Beberapa layout dapat menyediakan beberapa titik kontribusi menggunakan slot bernama Vue.

Misalnya, pada layout two-cols, Anda dapat memiliki dua kolom kiri (slot default) dan kanan (slot kanan) berdampingan.

---layout: two-cols---<template v-slot:default># KiriIni ditampilkan di kiri</template><template v-slot:right># KananIni ditampilkan di kanan</template>

Kiri

Ini ditampilkan di kiri

Kanan

Ini ditampilkan di kanan

Kami juga menyediakan gula sintaksis singkat ::name:: untuk nama slot. Berikut ini bekerja persis sama dengan contoh sebelumnya.

---layout: two-cols---# KiriIni ditampilkan di kiri::right::# KananIni ditampilkan di kanan

Anda juga dapat secara eksplisit menentukan slot default dan menyediakannya dalam urutan khusus.

---layout: two-cols---::right::# KananIni ditampilkan di kanan::default::# KiriIni ditampilkan di kiri