Le titre est une référence au manga "One Piece" sur un gars qui veut devenir un roi pirate, env. trad.
Aujourd'hui, nous sommes fiers d'annoncer la sortie officielle de Vue 3.0 "One Piece". Il s'agit d'une nouvelle version majeure du framework avec des performances améliorées, une taille plus petite, une meilleure prise en charge de TypeScript, de nouvelles API pour les projets à grande échelle (et pour les projets de taille moyenne, vous pouvez vous débarrasser de vuex) et une base solide pour les futures itérations de la plate-forme.
La version 3.0 représente plus de deux ans d'efforts de développement, y compris plus de 30 RFC , plus de 2600 commits, 628 demandes d'extraction de 99 contributeurs et une énorme quantité de travail de développement et de documentation en dehors du référentiel principal. Nous tenons à exprimer notre profonde gratitude aux membres de l'équipe pour avoir assumé ce travail, à nos contributeurs pour les demandes de tirage, à nos sponsors pour le soutien financier et à la communauté pour leur participation aux discussions de conception et aux commentaires sur les versions préliminaires. Vue est un projet indépendant construit pour la communauté et soutenu par la communauté, et Vue 3.0 n'aurait pas été possible sans votre soutien continu.
Développement du concept "Progressive Framework"
Vue : , , . , , . , « »: , , .
Vue 1,3 ( Chrome Vue Devtools Google) ( , firefox, . .) , Vue , "" , , . Vue 3 .
Vue 3.0 CDN <script>, . , tree-shaking.
API, :
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, .
<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 .
Essayer
Vous pouvez en savoir plus sur Vue 3.0 sur le nouveau site Web. Si vous êtes déjà un utilisateur de Vue 2.x, passez directement à la section migration .