Appearance
Novas Recomendações do Nível de Abstração
As bibliotecas de apoio para Vue 3 passaram por atualizações principais. Cá está uma sumário das novas recomendações padrão:
- Novas versões do Roteador, Ferramenta de Programação e Utilitários de Teste com suporte de Vue 3
- Cadeia de Ferramenta de Construção: Interface da Linha de Comando da Vue -> Vite
- Gestão de Estado: Vuex -> Pinia
- Suporte de Ambiente de Desenvolvimento Integrado (IDE): Vetur -> Volar
- Novo suporte de TypeScript da Linha de Comando: vue-tsc
- Produção de Aplicações Estáticas: VuePress -> VitePress
- JSX:
@vue/babel-preset-jsx->@vue/babel-plugin-jsx
Detalhes
Cadeia de Ferramenta de Construção
Nós agora recomendamos a Vite como nova cadeia de ferramenta de construção para projetos de Vue 3. A Vite é uma nova ferramenta de construção que oferece inicio de servidor extremamente rápido e desempenho de atualização instantânea. Foi originalmente criada pela equipa de Vue mas agora é uma ferramenta de abstração cruzada. Saiba mais sobre o porquê de estarmos a recomendar a Vite.
Nós podemos criar um novo projeto de Vue 3 alimentado pela Vite através da create-vue, nossa nova ferramenta de criação de projeto:
sh
npm init vue@3Embora a interface da linha de comando da Vue tem também sido atualizada para suportar a Vue 3, agora está em manutenção e já não é recomendada para novos projetos. Para informações sobre a migração da interface da linha de comando da Vue para Vite:
- Guia de Migração de Vue CLI -> Vite da VueSchool.io
- Ferramentas / Extensões que ajudam com migração automática
Também consulte o capítulo do Ferramental na nova documentação.
Vue Router
A Vue Router 4.0 fornece suporte de Vue 3 e tem um número de mudanças de rutura. Consulte a sua guia de migração para detalhes completos:
Gestão de Estado
A Pinia é a nova solução de gestão de estado de grande escala recomendada. A Pinia foi criada como um protótipo para Vuex 5, e agora evoluiu para a implementação de fato daquilo que tínhamos planeado para a Vuex 5. Nós decidimos manter o seu nome original em respeito a quantidade de trabalho que foi investida nela pelo membro da equipa principal Eduardo.
A Vuex 4.0 também oferece suporte de Vue 3 em grande parte com a mesma API que a 3.x, e pode ser usada se tiveres memórias de Vuex existentes que precisam de ser migradas para Vue 3. A única mudança de rutura é como a extensão é instalada.
Suporte de Ambiente de Desenvolvimento Integrado
A Volar é agora a nova extensão de VSCode oficial, com suporte de TypeScript muito melhorado para Componentes de Ficheiro Único (Vue SFC), incluindo inferência de tipo completa para expressões de modelo de marcação.
Se temos instalado a extensão anterior Vetur, devemos certificar-nos de desativá-la para evitar conflitos com a Volar.
Extensão das Ferramentas de Programação
A extensão da ferramenta de programação recebeu atualizações principais (lançada como v6) para suportar ambas Vue 2 e Vue 3. Se instalaste anteriormente a v6 através do canal beta, agora podemos removê-lo e instalar a extensão a partir do canal estável:
Suporte de TypeScript
Nós agora podemos verificar o tipo e gerar os ficheiros de definição para os Componentes de Ficheiro Único a partir da linha de comando usando vue-tsc.
Consulte também o guia de TypeScript na nova documentação.
Gerador de Aplicação Estática
A VitePress é sucessor espiritual para VuePress, construída sobre a Vue 3 + Vite. Ela fornece uma experiência de programação muito superior e também produz páginas mais rápidas.
JSX
O suporte de JSX para Vue 3 agora é fornecida através da @vue/babel-plugin-jsx.