vue slot ✓ Use Slots The Right Way SLOTS TUTORIAL WITH VUE 3

vue slot A Scoped Slot in a child component can provide data for presentation in the parent component using a slot It's like someone is standing inside your child

Vue components' slot mechanism is inspired by the native Web Component slot> element, but with additional capabilities that we will see later

我們在直接 light-box 元件裡加入要給燈箱顯示的內容，並在HTML 標籤裡加入 slot 屬性，指定該節點要出現在哪個對應的 slot 位置。 而未指定 name 的部分，則

Slot components can declare their own props, these props are then accepted at the top level FormulateInput and passed to the appropriate slot component as a

Elements injected with the `slot=top 23 attribute will end up in here 24 slot name=top 25 slot> 26 !-- A slot tag without a name is a catch-all

With Vue slots, you can turn a part or all of your components into reusable templates that will render differently based on different use cases