Soy un nuevo principiante de vue3 y descubrí que vue tiene tres formas de escribir el componente:

• <configuración del guión>
• api de configuración/composición normal
• API de opciones.

Sé cómo usar en una API de composición normal como esta:

 <script> import CommonLayout from "@/components/Layout/CommonLayout.vue"; export default { components: { CommonLayout, }, setup() { const layout = "CommonLayout"; return { layout }; }, }; </script> <template> <div> {{ layout }} <component :is="layout">123</component> </div> </template>

realmente funciona.

pero trato de usar el script de configuración, falló:

 <script setup> import CommonLayout from "@/components/Layout/CommonLayout.vue"; const layout = "CommonLayout"; </script> <template> <div> {{ layout }} <component :is="layout">123</component> </div> </template> <style></style>