Vue JS 3 Tutorial - 39 - Slots Props

Vue slots are placeholders inside a component that allow you to inject content into predefined areas They enable you to create more flexible

slot>tag But we must need a controlled replacement Named slots are usually Vue logo” src=” assets”> NamedSlot> template v-slot:header

vue3 slot According to the vue2 docs you can but do not have to specify the default slot in a template My test is as follows: import { shallowMount } from @vuetest

vue slot ref v-slot can only be used on a template> element or the component receiving the slot Otherwise, Vue throws a compile error See Example 1 below v-slot is used