vue 3 pass slot to child - Using Vue.js slots to pass HTML content to components - LogRocket ... berlian 888 slot

The basic concept of slots remains the same: they allow parent components to pass content to child components. However, Vue 3 introduces named slots and scoped slots, which provide additional flexibility.

This means that you can use $attrs to pass down event listeners to child components as well, which was not possible in Vue 2 where you had to access attributes ...

In this Vue tutorial we learn how one component can embed content in another with slots. ... However, to ensure that the content we provide in the parent doesn’t override the wrong slot in the child, Vue requires us to name each slot element.