O Vue está passando por uma revisão completa e o Vue 3.0 entrou no estágio de candidato a lançamento!
Isso vem acontecendo há quase dois anos e, finalmente, a implementação da API principal do Vue 3 agora está estável. Existem muitos motivos para entusiasmo.
O Vue 3 tem desempenho superior ao Vue 2. Embora tenha sido completamente reescrito, o uso não mudou muito, então não há necessidade de esquecer o que você já sabe sobre o Vue.
A documentação do Vue foi completamente migrada e revisada. Existem vários novos recursos (como a API de composição (inspirada em React Hooks)) e ajudam a reutilizar entre vários componentes.
Aqui está como obter o Vue 3:
Use-o no CodePen: https://codepen.io/team/Vue/pen/KKpRVp
Ou use o script para se conectar: https://unpkg.com/vue@next
Comece a criar um projeto usando o Project Vite:
$ npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
vite no processo de desenvolvimento não é empacotado, módulo fonte ES transmitido diretamente para o navegador, o navegador usa seus próprios <script module>suportes de análise, a cada importação de solicitações HTTP, o servidor intercepta a solicitação e o desenvolvimento da conversão do código a ser convertido. Por exemplo: o *.vuearquivo será compilado antes de ser enviado de volta ao navegador
Esta operação tem muitas vantagens:
Depois que o servidor de desenvolvimento é iniciado, não há necessidade de realizar operações de empacotamento, e a inicialização será muito rápida.O
código é compilado quando necessário, portanto, o código é compilado apenas quando é realmente exibido na tela. Quando você inicia o desenvolvimento, não precisa mais esperar que todo o aplicativo seja compilado. Esta é uma grande mudança para grandes aplicativos
. A relação entre o desempenho da substituição de módulo a quente e o número de módulos é desacoplada, e a substituição de módulo a quente torna-se muito rápida.
Importe módulos ES locais Isso pode causar um link de importação profundo e o recarregamento de toda a página será um pouco mais lento do que depender do servidor de desenvolvimento empacotado. No entanto, este é um servidor de desenvolvimento local, e o tempo adicionado para esta parte deve ser muito pequeno em comparação com o tempo de compilação real (os arquivos compilados serão armazenados em cache na memória)
A compilação de vite é essencialmente realizada em Node.js. Tecnicamente falando, ele pode oferecer suporte a várias conversões de código suportadas pela ferramenta de empacotamento. Não há nada que o impeça de usar o pacote de código para produção. Na verdade, vite fornece compilação de vite O script de é usado para esta operação, então você não encontrará o problema de explosão de fluxo de rede no ambiente de produção
Atualização da documentação (agora em beta): https://v3.vuejs.org/guide/installation.html#release-notes, um guia de migração para ajudá-lo a alternar entre as versões, uma nova explicação da parte da função auxiliar, compreensão aprofundada API de composição.