Vue 3 for React developers: Side-by-side comparison with demos

vue-jsx for this Props ​ Defining Props ​ vue script setup lang=ts Slots ​ vue template> !-- slot --> button> slot>slot>

Vue v-slot We need the v-slot directive to refer to named slots Named slots allow for more control over where the content is placed within the child

vue slot Vue slots: Rendering children or props Vue provides a mechanism called slots, which allows you to nest React components inside of JSX so that

vue slot name Vue built-in directives for JSX Directive, Vue 3, Vue 2, Volar v-if v-slot, ✓, ✓, ✓ v-html, ✓, ✓, v-once, ✓, ❌, v-memo