Detailed explanation of slot function in Vue3 -

In this Vue 3 tutorial, we learn how one component can embed content in another with slots

Detailed explanation of slot function in Vue3 - 1template> 2 footer v-if=$> 3 h3>My Footer Headingh3> 4 slot name=footer > 5 footer> 6template> Vue 2 Code

In this Vue 3 tutorial, we learn how one component can embed content in another with slots

vuejs slot In this Vue 3 tutorial, we learn how one component can embed content in another with slots

1 Answer 1 · 1 Thank you for this answer, I have been looking for a way to do slotted styling in Vue for quite a while

vue slot props I need to get the list of elements inside a slot, which in vue 3 seems to only be achievable through a ref because vue does not give a way to

子组件中的 slot > 便是父组件放在子组件标签 Child> 之间的内容。当然这之间你可以传入任何代码片段，都会被放到 slot > 这个位置。