Me gusta que en React puedas crear rápidamente pequeños componentes dentro del archivo del componente principal. ¿Es posible algo así con la API de composición de Vue 3?
Algo como esto:
Componente.vue
<script setup> const SmallComponent = <div>Test</div> </script> <template> <SmallComponent/> </template>El problema aquí es que SmallComponent no es un componente sino un objeto vnode. Los Vnodes se pueden representar directamente en las funciones de representación, pero no en las plantillas.
En cambio, debería ser un componente funcional :
const SmallComponent = props => <div>Test</div> En script setup , es la única opción disponible porque la sintaxis proporciona un subconjunto de funciones y no admite funciones de representación.