Vue Component 之Slot

When Vue 0 was released, Vue introduced a new unified syntax which is for named and scoped slots It replaced the

To access a named slot, we use the $slot instance variable with the slot's name If a slot is unnamed, we specify the name as “default” Syntax: $slot

vue3 slot The Basics · 1 The Default Slot · 2 The Named Slots · 3 The Scoped Slots · 4 Introducing… Dynamic Scoped Slots! · 5 Conclusion

vue 3 named slots vue name sounds great for our use case This uses the same technique as the label with two additional slots named prefix and suffix