Adakah vuejs3 telah dikeluarkan?

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

• Vue 3.2 juga dikeluarkan!

• Pengasas rangka kerja Vue You Yuxi mengumumkan versi Vue 3.2 di blog rasmi, dan mengulas pada akaun sosial peribadinya:

• di bawah Jom ambil lihat ciri baharu versi baharu yang telah lama ditunggu-tunggu!

Vue 3.2 menyertakan banyak ciri baharu yang penting dan peningkatan prestasi Sejurus selepas versi baharu dikeluarkan, satu lagi kemas kini Vue 3.2.1 telah ditambahkan pada CHANGELOG rasmi, yang hanya mengemas kini pembetulan pepijat.

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 teg

SFC.

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

Selain itu, Vue secara rasmi membina RFC baharu berdasarkan

<script>import { ref } from &#39;vue&#39;const color = ref(&#39;red&#39;)</script><template>
  <button>
    Color is: {{ color }}
  </button></template><style>button {
  color: v-bind(color);}</style>

, bertujuan untuk memperbaikinya melalui pengkompil pengalaman ref, alamat maklum balas pengalaman: https://github.com/vuejs/rfcs/discussions/369

Komponen web

• Vue 3.2 memperkenalkan kaedah

  baharu, yang boleh digunakan API komponen Vue memudahkan untuk mencipta elemen tersuai asli:

• API ini membolehkan pembangun mencipta pustaka komponen UI dipacu Vue ini boleh digunakan secara bersendirian atau bersama rangka kerja lain. Anda boleh mengetahui caranya untuk menggunakannya. Rujuk dokumentasi rasmi: https://v3.vuejs.org/guide/web-components.html
  Peningkatan prestasi

<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>

~ 40% Penjejakan pergantungan yang lebih pantas

Kira-kira 17% kurang penggunaan memori

• Peningkatan pengkompil templat:

• Kelajuan mencipta elemen biasa VNode meningkat sebanyak kira-kira 200%

  • Pengangkatan berterusan yang lebih aktif
Akhir sekali, versi ini juga menyediakan bahagian yang boleh dilaksanakan. -memo arahan fungsi pepohon templat memori bukan sahaja membenarkan Vue melangkau sepenuhnya langkah penciptaan VNode baharu, tetapi juga melangkau perbezaan DOM maya. Walaupun tidak digunakan di banyak tempat, ia boleh digunakan untuk memerah prestasi maksimum dalam kes khas, seperti memproses senarai v-untuk yang besar.

• Menggunakan tambahan satu baris yang mudah, v-meno menjadikan Vue rangka kerja arus perdana terpantas dalam js-framework-markmark:

• Blog rasmi Vue

Perenderan sisi pelayan

• 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

API Skop Kesan

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:

• Log perubahan Vue: https://github.com/vuejs/vue-next/blob/master/CHANGELOG.md
• Kemas kini versi dikeluarkan oleh blog rasmi Vue: https://blog.vuejs.org/posts/vue-3.2.html

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!