Vue Tricks - Passing Slots to Child Components

Slots · Slot Content · Compilation Scope · Fallback Content · Named Slots · Scoped Slots · Abbreviated Syntax for Lone Default Slots · Destructuring

vue styleguidist understands JSX component templates too In this example, it will display the definition of the found slot export default { render

vue jsx slot Vue components have two instance variables useful for accessing slots: $children : an array of Vue component instances of the default slot $

vue vslot Vue slots have a lot more features, but you can see how they're inspired by the Web Components spec Default Slots If you're putting content in