vuejs3 dikeluarkan. Pada 18 September 2020, Vue.js3.0 telah dikeluarkan secara rasmi; versi vue3.0 adalah berbeza sepenuhnya daripada versi lain. Ia meminimumkan kekerapan pembangun mengkonfigurasi alat, dan menambahkan banyak fungsi terbina dalam GUI lengkap untuk mencipta dan mengurus projek.
Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.
Pada 18 September 2020, Vue.js 3.0 telah dikeluarkan secara rasmi.
Sejarah:
Versi 3.0 mewakili lebih 2 tahun kerja pembangunan
Dengan lebih 30 RFC
2600+ komitmen
daripada 99 penyumbang
628 permintaan tarik
Banyak kerja pembangunan dan dokumentasi
Pengoptimuman prestasi:
Malas memuatkan laluan
kekal-hidupkan halaman cache
Gunakan v-show untuk menggunakan semula DOM
v-for Traversal untuk mengelak daripada menggunakan v- jika pada masa yang sama Malas memuatkan imej
Pemalam pihak ketiga diperkenalkan atas permintaan
Komponen tanpa status ditandakan sebagai komponen berfungsi
Pecahan subkomponen
Penyetempatan pembolehubah
SSR
Pengasas rangka kerja Vue You Yuxi mengumumkan versi Vue 3.2 di blog rasmi, dan mengulas pada akaun sosial peribadinya:
Dua ahli baharu SFC telah berjaya menamatkan pengajian dari status percubaan ke status stabil
Status, mereka ialah:: Gula sintaks kompilasi baharu, ringkasnya, persediaan skrip adalah bersamaan dengan meletakkan kod ke dalam fungsi persediaan semasa penyusunan dan berjalan, dan kemudian mengeksport Pembolehubah ditakrifkan dalam konteks dan disertakan dalam objek yang dikembalikan;
: Iaitu, beberapa gaya sebaris CSS boleh diikat dalam tegSFC.
Berikut ialah komponen kes yang menggunakan kedua-dua kod fungsi ini bersama-sama:
Pelajar yang berminat boleh mencubanya di Taman Permainan SFC, atau membaca dokumentasi rasmi:
https://v3.vuejs.org/api/sfc-script-setup.html<style> v-bind</style>
<style></style>
https://v3.vuejs org /api/sfc-style.html#state-driven-dynamic-css<script>import { ref } from 'vue'const color = ref('red')</script><template> <button> Color is: {{ color }} </button></template><style>button { color: v-bind(color);}</style>
baharu, yang boleh digunakan API komponen Vue memudahkan untuk mencipta elemen tersuai asli:
<script setup></script>
Pengoptimuman utama bagi sistem tindak balas, terima kasih @ Prestasi cemerlang oleh basvanmeurs
Pelaksanaan ref yang lebih cekap (~260% kelajuan baca/~50% kelajuan tulis)defineCustomElement
import { defineCustomElement } from 'vue'const MyVueElement = defineCustomElement({ // normal Vue component options here})// Register the custom element.// After registration, all `<my-vue-element>` tags// on the page will be upgraded.customElements.define('my-vue-element', MyVueElement)</my-vue-element>
Peningkatan pengkompil templat:
Kelajuan mencipta elemen biasa VNode meningkat sebanyak kira-kira 200%
Menggunakan tambahan satu baris yang mudah, v-meno menjadikan Vue rangka kerja arus perdana terpantas dalam js-framework-markmark:
Blog rasmi Vue
Versi pakej
ini menyediakan binaan modul ES yang boleh diasingkan daripada modul terbina dalam Node.js. Ini membolehkan @vue/server-renderer digabungkan dan digunakan dalam masa jalan bukan Node.js (seperti CloudFlare Workers atau Service Workers).Pada masa yang sama, versi ini juga menambah baik API pemaparan penstriman dan menyediakan kaedah baharu untuk pemaparan API Strim Web. Lihat dokumentasi @vue/server-renderer
untuk mendapatkan butiran lanjut: https://github.com/vuejs/vue-next/tree/master/packages/server-renderer#streaming-api
Vue 3.2 juga memperkenalkan API Skop Kesan baharu yang boleh digunakan untuk mengawal terus masa pemprosesan kesan reaktif (pengiraan dan pemerhati). Ia menjadikannya lebih mudah untuk menggunakan API reaktif Vue di luar konteks komponen dan membuka kunci beberapa kes penggunaan lanjutan dalam komponen.
Ini ialah API peringkat rendah untuk pengarang perpustakaan yang berminat boleh menyemak RFC rasmi untuk prinsip dan kes dalaman yang lebih terperinci.
Pautan berkaitan:
Pembelajaran yang disyorkan: "javascript Tutorial asas ", "5 pilihan tutorial video vue.js terkini "
Atas ialah kandungan terperinci Adakah vuejs3 telah dikeluarkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!