Vue.js 3.0 "One piece" dirilis

Judulnya adalah referensi ke manga "One Piece" tentang seorang pria yang ingin menjadi raja bajak laut, kira-kira. terjemahan.

Hari ini kami dengan bangga mengumumkan rilis resmi "One Piece" Vue 3.0. Ini adalah versi utama baru dari kerangka kerja dengan peningkatan kinerja, jejak yang lebih kecil, dukungan TypeScript yang lebih baik, API baru untuk proyek skala besar (dan untuk proyek menengah, Anda dapat menyingkirkan vuex) dan dasar yang kokoh untuk iterasi platform di masa mendatang.

Versi 3.0 lebih dari dua tahun upaya pengembangan dengan 30+ RFC , 2600+ komit, 628 permintaan tarik dari 99 kontributor , dan sejumlah besar pengembangan dan dokumentasi bekerja di luar repositori utama. Kami ingin mengucapkan terima kasih yang sebesar-besarnya kepada anggota tim yang telah melakukan pekerjaan ini, kontributor kami untuk pull request, sponsor kami untuk dukungan keuangan, dan komunitas untuk berpartisipasi dalam diskusi desain dan umpan balik pada versi pra-rilis. Vue adalah proyek independen yang dibangun untuk komunitas dan didukung oleh komunitas, dan Vue 3.0 tidak akan mungkin terwujud tanpa dukungan Anda.

Pengembangan konsep "Kerangka Progresif"

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 .

Mencoba

Anda dapat membaca lebih lanjut tentang Vue 3.0 di situs web baru. Jika Anda sudah menjadi pengguna Vue 2.x, langsung lompat ke bagian migrasi .