O título é uma referência ao mangá "One Piece" sobre um cara que quer se tornar um rei pirata, aprox. trad.
Hoje temos o orgulho de anunciar o lançamento oficial do Vue 3.0 "One Piece". Esta é uma nova versão principal do framework com desempenho aprimorado, pegada menor, melhor suporte TypeScript, novas APIs para projetos de grande escala (e para projetos médios, você pode se livrar do vuex) e uma base sólida para futuras iterações de plataforma.
A versão 3.0 envolve mais de dois anos de esforço de desenvolvimento, incluindo mais de 30 RFCs , mais de 2600 commits, 628 solicitações de pull de 99 contribuidores e uma grande quantidade de trabalho de desenvolvimento e documentação fora do repositório principal. Queremos expressar nossa mais profunda gratidão aos membros da equipe por assumirem este trabalho, nossos contribuidores para solicitações de pull, nossos patrocinadores para suporte financeiro e a comunidade por participar de discussões de design e feedback sobre versões de pré-lançamento. O Vue é um projeto independente construído para a comunidade e apoiado pela comunidade, e o Vue 3.0 não teria sido possível sem o seu apoio contínuo.
Desenvolvimento do conceito de "Estrutura Progressiva"
Vue : , , . , , . , « »: , , .
Vue 1,3 ( Chrome Vue Devtools Google) ( , firefox, . .) , Vue , "" , , . Vue 3 .
Vue 3.0 CDN <script>, . , tree-shaking.
API, :
(AST) ,
API , , , , , WebGL . DOM- API
@vue/reactivity, Vue, . (, lit-html) .
API
API 2.x Vue 3. 3.0 Composition API - API, Vue . Composition API API . , React, ( API 2.x).
Composition API Vue 2.x @vue/composition-api, Composition API, Vue 2, 3 (, vueuse, vue-composable).
Vue 3 Vue 2: ( 41% tree-shaking), ( 55% ) ( 133% ), ( 54% ).
Vue 3 « DOM » (compiler-informed Virtual DOM, - , . .): -, , , , (flatten, . .) . : -, .
TypeScript
Vue 3 TypeScript , , . Composition API . Vetur, VSCode, (props . .) Vue 3. , TSX, .
(SFC, .vue):
<script setup>: Composition API<style vars>: CSS-,
Vue 3.0, . , RFC .
<Suspense>, ( async setup()) (v-if ..). Nuxt.js (Nuxt 3 ) , , 3.1.
3.0 . , ( , vue router Vuex ), Vue 3 . Vue 3.
Vue 3 .
IE11
( v3 , v2 + ) IE11 - . 4 2020 . v2 IE11, .
:
IE11
Router Vuex
Vetur
- , GitHub npm Vue 3 , Vue, next. , npm install vue - Vue 2.x, npm install vue@next Vue 3. 2020 , 3.0.
2.7, 2.x. 2.7 3 API, / 3, . 2.7 2021 . LTS- 18 .
Tentar
Você pode ler mais sobre o Vue 3.0 no novo site. Se você já é um usuário Vue 2.x, pule diretamente para a seção de migração .