Layouts with Nuxt 3 — Course part 4

website nuxt layout slot vue ，並透過 slot > 將元件的內容載入 Copy 名稱必須使用kebab-case，例如Layout 檔名為customLayout，需使用 name='custom-layout' nuxt3 slot Custom Nuxt 3 layout

nuxt layout slot There are numerous ways to tell Nuxt which layout to use: Statically slot > main> div> template> I like to think of Components as serving a  template> UDashboardLayout> UDashboardPanel> UDashboardNavbar slot > UDashboardLayout> template> Slots header {} default {} footer   See here for the deprecated syntax using the slot attribute There are times when it's useful to have multiple slots For example, in a base-layout> component

Share

Share

Link

Turn off sharing Copy link

See all details