Slide 1

Slide 1 text

第 12 屆 IT 鐵⼈賽 30 天從 0 到 1 學 Svelte Day10 - Svelte 中的 slot 與 class: 語法

Slide 2

Slide 2 text

第 12 屆 IT 鐵⼈賽 本⽇⽬標 理解 class: 跟 slot 的⽤法

Slide 3

Slide 3 text

第 12 屆 IT 鐵⼈賽 class: ⽅便將變數與 classname 綁定

Slide 4

Slide 4 text

第 12 屆 IT 鐵⼈賽 使⽤情景:active 透過變數 toggle 按鈕

Slide 5

Slide 5 text

第 12 屆 IT 鐵⼈賽 slot 可透過 slot 將客製化元件傳入⼦元件當中

Slide 6

Slide 6 text

第 12 屆 IT 鐵⼈賽 named slot ⼀個元件中可以有多個 slot

Slide 7

Slide 7 text

第 12 屆 IT 鐵⼈賽 將變數傳給⽗元件