How to add editable blocks to custom components in vue 3

How to add editable blocks to custom components in vue 3 vue 3 named slots The mechanism of slots in makes it easier to create Now, there are three additional named slots, header-name , header vue3 slot Vue 3 if you are already using slot> in your components In Vue 2, you can create a named scoped slot like this: ItemList> template slot

vue3 slot The slots syntax has been changed in Vue , the following examples Vue it this may change with fragments In 10 a slim prop can be used

vue 3 named slots There are three types of slots: default unnamed slots: used when named slot by adding a slot attribute with the slot name base This tutorial shows many Vue v-slot examples: Named Slots example The code below shows BkrCard component template with 3 slots: