A Comprehensive Guide to Vue Slots

The “default” slot is simply a slot that we don't manually give a name to Vue will give it its name behind the scenes which happens to be “default” Default

其實這就是 所提供的slot prop，作用就是將子元件內的狀態透過 slot 提供給外層存取。 而外層的模板則需要加上 template 標籤，以及 v-slot:default

vue slot name What we see rendered to the screen is, as you might expect, “This is from outside” but rendered by the child component We can also add default information in

vue3 slot用法 Just keep in mind that the shorthand for the default v-slot is #default Are you excited about this new slot syntax?