Nuxt es un marco web fácil de usar para crear aplicaciones web modernas y de alto rendimiento que se pueden implementar en cualquier plataforma que ejecute JavaScript. Nuxt 3, lanzado el año pasado , se basa en Vue 3, brinda soporte de "ciudadano de primera clase" para TypeScript y se sometió a una refactorización exhaustiva, optimizando el núcleo, haciéndolo más rápido y mejor.
El Nuxt 3.5 lanzado recientemente es la última versión de Nuxt 3, que trae nuevas y emocionantes funciones, incluida la actualización de la versión subyacente de Vue a 3.3, la introducción de nuevas configuraciones predeterminadas, componentes de servidor interactivos, enrutamiento de tipos, configuración del entorno y más .
Cambios principales:
- Cargas útiles ricas en JSON
Habilite la serialización de carga útil JSON enriquecida de forma predeterminada ( #19205 , #20770 ). Esto significa soporte listo para usar para una amplia variedad de tipos JS enriquecidos: expresiones regulares, fechas, mapas y conjuntos, BigInt y NuxtError, así como objetos específicos de Vue como ref
, y .reactive
shallowRef
shallowReactive
Haga clic aquí para ver cómo funciona .
- Configuración del entorno (Configuración del entorno)
nuxt.config
La configuración de anulaciones por entorno totalmente tipificadas ahora se admite en :
export default defineNuxtConfig({
$production: {
routeRules: {
'/**': { isr: true }
}
},
$development: {
//
}
})
- Resolución del módulo 'Bundler'
bundler
Las estrategias de resolución de módulos ahora son totalmente compatibles con Nuxt . Tiene soporte de tipos para exportaciones de subtrayectos, Node16
lo que hace coincidir el comportamiento de herramientas de compilación como Vite y Nuxt con mayor precisión que el análisis.
export default defineNuxtConfig({
typescript: {
tsConfig: {
compilerOptions: {
moduleResolution: 'bundler'
}
}
}
})
- Componentes de servidor interactivo
Compatibilidad con contenido interactivo dentro de los componentes del servidor a través de ranuras ( #20284 ), actualmente experimental.