Three ways to expose internal Vue components API

The ref attribute is used to mark elements in template> , so that they can be accessed from the $refs object inside script> We can use the ref attribute and

Render Scope ​ Slot content has access to the data scope of the parent component, because it is defined in the parent For example:

vue slotscope Here's the Else compound component: template> slot v-if=shouldRender > template> import { ref, reactive, inject, watchEffect } from 'vue'; export

vue3 slot Vue) and render it IN the Vue I see it as a poor man SSR rendering ref and injecting the html into it on the mounted hook can