Vue JS 3 Tutorial - 37 - Slots

default unnamed slots: used when you have a single slot in a component We create them by adding slot> in the template where we want to be

slot> elements: template> div> p>This is a child component p> div> p>Default Slotp> slot v-bind:text=

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

vue slot name Slots are another way in Vue for a component to inject content into a child component This