Slot Content

Wrapping slot items in 2 06 November 2020 Sometimes in life, you just want to wrap your export default { name: 'OuterWrapper' } script> !--

A slot> outlet without name implicitly has the name default To provide content to named slots, we need to use the v-slot directive on a

vue vslot you'd want to hide slots Every Vue component has a special $slots object with all of your slots in it The default slot has the key default , and any named

vue slot class js In the the example, the content passed into the default slot will be displayed Steps to Run the Application: >> npm run