¡Vue se está sometiendo a una revisión exhaustiva y Vue 3.0 ha entrado en la etapa de candidato de lanzamiento!
Esto ha estado sucediendo durante casi dos años y, finalmente, la implementación de la API principal de Vue 3 ahora es estable. Hay muchas razones para estar emocionado.
Vue 3 tiene un rendimiento más alto que Vue 2. Aunque se ha reescrito por completo, el uso no ha cambiado mucho, por lo que no es necesario que olvides lo que ya sabes sobre Vue.
La documentación de Vue se ha migrado y revisado por completo. Hay varias características nuevas (como la API de composición (inspirada en React Hooks)) y ayudan a reutilizar entre múltiples componentes.
A continuación se explica cómo obtener Vue 3:
Úselo en CodePen: https://codepen.io/team/Vue/pen/KKpRVp
O use el script para conectarse: https://unpkg.com/vue@next
Comience a crear un proyecto con Project Vite:
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
vite en el proceso de desarrollo no está empaquetado, el módulo fuente ES se transmite directamente al navegador, el navegador utiliza sus propios <script module>soportes de análisis, por cada solicitud de importación HTTP, el servidor intercepta la solicitud y el desarrollo de la conversión de código para convertirlo. Por ejemplo: el *.vuearchivo se compilará antes de enviarse de vuelta al navegador
Esta operación tiene muchas ventajas:
Una vez que se inicia el servidor de desarrollo, no es necesario realizar operaciones de empaquetado y el inicio será muy rápido. El
código se compila cuando es necesario, por lo que el código se compila solo cuando se muestra realmente en la pantalla. Cuando comienza el desarrollo, ya no necesita esperar a que se compile toda la aplicación. Este es un gran cambio para aplicaciones grandes
. La relación entre el rendimiento del reemplazo de módulo en caliente y el número de módulos se desacopla, y el reemplazo de módulo en caliente se vuelve muy rápido.
Importar módulos ES locales Puede causar un enlace de importación profundo, y la recarga de toda la página será un poco más lenta que confiar en el servidor de desarrollo empaquetado. Sin embargo, este es un servidor de desarrollo local y el tiempo adicional para esta parte debería ser muy pequeño en comparación con el tiempo real de compilación (los archivos compilados se almacenarán en la memoria caché)
La compilación de vite se realiza esencialmente en Node.js. Técnicamente hablando, puede admitir varias conversiones de código admitidas por la herramienta de empaquetado. No hay nada que le impida utilizar el paquete de código para la producción. De hecho, vite proporciona vite build El script de se utiliza para esta operación, por lo que no encontrará el problema de la explosión del flujo de red en el entorno de producción.
Actualización de la documentación (ahora en versión Beta): https://v3.vuejs.org/guide/installation.html#release-notes, una guía de migración para ayudarlo a cambiar entre versiones, una nueva explicación de la parte de la función auxiliar, comprensión en profundidad API de composición.