

Pengarang Vue You Yuxi menerbitkan artikel menantikan 2023 dan melihat kembali pada 2022!
Pengarang Vue You Yuxi baru-baru ini menyiarkan ulasan Vue pada tahun 2022 dan menantikan pembangunan projek pada tahun 2023.
Berikut ialah kandungan asal You Yuxi (terjemahan):
Ulasan 2022
2022 2 Pada bulan Mac, kami menukar versi lalai Vue kepada 3.x. Peralihan ini menandakan kesediaan semua bahagian rasmi rangka kerja v3, termasuk semakan penting pada dokumentasi yang menyediakan panduan amalan terbaik terkini.
Kita masih dalam tempoh peralihan ekosistem yang berhijrah ke Vue 3. Oleh itu, berikutan peralihan itu, kami lebih tertumpu pada meningkatkan pengalaman pembangun dengan Vue dengan melabur dalam alatan. Ahli pasukan kami telah terlibat secara aktif dalam pembangunan Vite, dan kami telah membuat peningkatan yang ketara pada sokongan IDE dan TypeScript Vue dengan keluaran Volar 1.0.
Sepanjang 2022, kami melihat penggunaan NPM Vue 3 meningkat hampir 200%. Di sisi komuniti, ekosistem Vue 3 kini matang dan menawarkan penyelesaian hebat yang membantu meningkatkan produktiviti. Nuxt 3 dan Vuetify 3 kedua-duanya mencapai status stabil pada November 2022, dan NativeScript untuk Vue 3 baru-baru ini dilancarkan dalam versi beta. Di samping itu, kami ingin memberi ucapan selamat kepada projek hebat lain yang telah menyokong Vue 3 sejak sekian lama: Quasar, NaiveUI, Ionic Vue, PrimeVue, InkLine, ElementPlus dan lain-lain.
Walaupun Vue 3 kini menjadi lalai, kami tahu bahawa ramai pengguna terpaksa terus menggunakan Vue 2 kerana kos migrasi. Untuk memastikan pengguna Vue 2 mendapat manfaat daripada kemajuan rangka kerja, kami memutuskan untuk memindahkan kod sumber Vue 2 ke TypeScript dan menyokong beberapa ciri Vue 3 yang paling penting dalam Vue 2.7. Kami juga telah memastikan bahawa Vite, Vue Devtools dan Volar semuanya menyokong kedua-dua Vue 2 dan Vue 3.
Apakah yang akan berlaku pada tahun 2023?
Keluaran kecil yang lebih kecil dan lebih kerap
Dengan keluaran versi minor Vue 2 terakhir (2.7), kami menjangkakan ia akan dilancarkan pada 2023 The core fungsi Vue 3 akan dilancarkan pada kelajuan penuh tahun ini. Kami mempunyai senarai ciri yang panjang dan kami teruja untuk terus mengusahakannya!
Satu perkara yang kami mahu perbaiki ialah irama keluaran kami. Vue mengikuti semver, yang bermaksud kami hanya perlu mengeluarkan ciri versi kecil. Pada masa lalu, kami mengambil pendekatan "besar kecil", di mana kami menggabungkan banyak ciri menjadi keluaran kecil yang besar dan jarang berlaku. Ini mengakibatkan sedikit fungsi kerumitan rendah disekat semasa kami mengusahakan fungsi kerumitan tinggi yang lain. Pada tahun 2023, kami berharap untuk mengeluarkan keluaran kecil yang lebih kecil dan lebih kerap supaya kami dapat melancarkan lebih banyak ciri dengan lebih pantas.
Ini juga bermakna kami akan melaraskan perkara dalam 3.3. Pada asalnya, kami merancang untuk menamatkan Suspense dan Reactivity Transform daripada status percubaan dalam 3.3. Walau bagaimanapun, kami percaya kedua-duanya masih memerlukan perbincangan RFC lanjut, dan mereka tidak seharusnya menghalang ciri lain yang lebih mudah daripada dilaksanakan. Kini, matlamat untuk 3.3 adalah untuk mendapatkan ciri yang dicadangkan/dirancang yang merupakan pemenang yang jelas dan tidak memerlukan perbincangan RFC - contohnya, sokongan untuk jenis import luar dalam
Sementara itu, kami akan:
Menilai selanjutnya kesediaan Transformasi Suspen dan Reaktiviti.
Luangkan masa untuk menilai RFC dan permintaan ciri yang diserahkan oleh pengguna yang cemerlang.
Terbitkan RFC untuk ciri yang kami ingin laksanakan dalam 3.4 dan ke atas, seperti SSR lazy hydration.
Nantikan butiran lanjut lewat bulan ini.
Satu lagi perkara yang perlu diambil perhatian ialah tiada perubahan besar yang dirancang untuk masa hadapan. Menyedari cabaran yang dihadapi pengguna semasa peralihan daripada v2 kepada v3, kami mahu Vue mempunyai cerita peningkatan jangka panjang yang lebih baik.
Mod Wap
Mod Wap ialah satu lagi strategi kompilasi yang telah kami uji, diilhamkan oleh Solid. Memandangkan Vue SFC yang sama, Mod Vapor menyusunnya ke dalam output JavaScript yang lebih berprestasi, menggunakan kurang memori dan memerlukan kod sokongan masa jalan yang lebih sedikit daripada output berasaskan DOM maya semasa.
Mod Wap masih di peringkat awal, tetapi berikut adalah beberapa pengambilan peringkat tinggi:
Mod Wap sesuai untuk kes penggunaan di mana prestasi menjadi perhatian utama. Ia adalah ikut serta dan tidak akan memberi kesan kepada asas kod sedia ada.
Sekurang-kurangnya, anda akan dapat membenamkan subpokok komponen Vapor ke dalam mana-mana aplikasi Vue 3 sedia ada. Sebaik-baiknya, kami ingin melaksanakan ikut serta berbutir pada peringkat komponen, yang bermaksud mencampurkan komponen Wap dan bukan Wap secara bebas dalam aplikasi yang sama.
Membina aplikasi menggunakan komponen Vapor sahaja membolehkan anda mengalih keluar masa jalan DOM maya daripada himpunan, dengan ketara mengurangkan saiz masa jalan garis dasar.
Untuk prestasi optimum, mod Vapor hanya akan menyokong subset ciri Vue. Khususnya, komponen Mod Vapor hanya akan menyokong API Komposisi dan
Walau bagaimanapun, subset yang disokong ini berfungsi dengan betul antara komponen Vapor dan bukan Vapor.
Kami akan berkongsi butiran lanjut sambil kami membuat lebih banyak kemajuan pada akhir tahun ini.
Untuk butiran lanjut, sila lihat teks bahasa Inggeris asal: https://blog.vuejs.org/posts/2022-year-in-review.html
Cadangan berkaitan: 《Mengambil kerja swasta untuk menjana wang! Senarai lengkap platform pengambilan pesanan untuk pengaturcara pada tahun 2023! 》

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Anda boleh menambah fungsi ke butang VUE dengan mengikat butang dalam templat HTML ke kaedah. Tentukan kaedah dan tulis logik fungsi dalam contoh Vue.

Pilihan Watch di Vue.js membolehkan pemaju mendengar perubahan dalam data tertentu. Apabila data berubah, tontonkan mencetuskan fungsi panggil balik untuk melakukan paparan kemas kini atau tugas lain. Pilihan konfigurasinya termasuk segera, yang menentukan sama ada untuk melaksanakan panggilan balik dengan serta -merta, dan mendalam, yang menentukan sama ada untuk mendengarkan secara rekursif terhadap objek atau tatasusunan.

Pembangunan pelbagai halaman Vue adalah cara untuk membina aplikasi menggunakan rangka kerja VUE.JS, di mana permohonan dibahagikan kepada halaman berasingan: Penyelenggaraan kod: Memisahkan aplikasi ke dalam beberapa halaman boleh menjadikan kod lebih mudah untuk dikendalikan dan diselenggarakan. Modularity: Setiap halaman boleh digunakan sebagai modul yang berasingan untuk penggunaan semula dan penggantian mudah. Routing mudah: Navigasi antara halaman boleh diuruskan melalui konfigurasi penghalaan mudah. Pengoptimuman SEO: Setiap halaman mempunyai URL sendiri, yang membantu SEO.

Terdapat tiga cara untuk merujuk kepada fail JS dalam vue.js: Secara langsung tentukan jalan menggunakan & lt; skrip & gt; tag ;; import dinamik menggunakan cangkuk kitaran hayat yang dipasang (); dan mengimport melalui Perpustakaan Pengurusan Negeri VUEX.

Vue.js mempunyai empat kaedah untuk kembali ke halaman sebelumnya: $ router.go (-1) $ router.back () menggunakan & lt; router-link to = & quot;/& quot; Komponen Window.History.Back (), dan pemilihan kaedah bergantung pada tempat kejadian.

Terdapat dua cara untuk melompat elemen div di Vue: Gunakan Vue Router dan tambahkan komponen router-link. Tambah pendengar acara @Click dan panggil ini. $ Router.push () kaedah untuk melompat.

Terdapat tiga kaedah umum untuk vue.js untuk melintasi tatasusunan dan objek: Arahan V-untuk digunakan untuk melintasi setiap elemen dan membuat templat; Arahan V-mengikat boleh digunakan dengan V-untuk menetapkan nilai atribut secara dinamik untuk setiap elemen; dan kaedah .map boleh menukar elemen array ke dalam tatasusunan baru.