Vue 3 Tutorial: Advanced component options

return input type=text ref={dateTimePickerRef} >; } This looks Vue has scoped slots to pass data to the slot that will be rendered

Then when we render our component, we provide a slot content for each named slot by adding a slot attribute with the slot name base-layout>

vuejs slot Vue ref will update in Vue Devtools i slot name=summary> {{ _name }} slot> summary> div class=project-meta> div class=meta

vue slot class In practice, accessing a template ref is straightforward: after the component has mounted, you can reference a DOM element simply by using this