Laporan pembangunan Vue pada tahun 2022 [Disusun dan dikongsi]

Sejak dikeluarkan awalnya pada 2014, Vue.js terus berkembang dalam populariti dan bilangan pengguna, menjadi rangka kerja matang yang digunakan oleh beribu-ribu pembangun di seluruh dunia. Mari kita lihat bagaimana Vue akan berkembang pada tahun 2022!

1 Ekosistem Vue

Sejak keluaran Vue 3, semakin banyak perpustakaan telah menerimanya Vue 3. dan menambah sokongan untuknya, sementara perpustakaan lain sedang membangunkan versi yang serasi. Berikut adalah beberapa perkembangan menarik dalam ekosistem Vue pada tahun 2022. (Belajar perkongsian video: tutorial video vue)

(1) Vite

Vite ialah alat pembinaan baharu untuk pembangunan bahagian hadapan Versi terkini ialah v3.0.0-beta.9. Vite membawakan pengalaman pembangunan yang sangat pantas dan pakej pengeluaran yang sangat dioptimumkan. Ia adalah rangka kerja agnostik dan sesiapa sahaja boleh menggunakannya! Vite ialah pilihan baharu yang disyorkan manakala Vue CLI memasuki mod penyelenggaraan.

(2) Vitest

Vitest ialah rangka kerja ujian unit baharu yang dikuasakan oleh Vite, versi terkini ialah v0.18.0 . Vitest membawa kepantasan yang luar biasa kepada larian ujian berikutnya, menjadikannya pilihan terbaik untuk kaedah TDD.

(3) Pinia

Pinia kini merupakan perpustakaan pengurusan negeri yang disyorkan untuk Vue 3. Ia memperkenalkan API yang lebih mudah, sokongan TypeScript yang betul dan banyak lagi, yang merupakan satu langkah besar ke hadapan untuk pengalaman pembangunan. Walaupun Vuex masih serasi dengan Vue 3, ia kini dalam mod penyelenggaraan.

(4) Volar

Johnson Chu, pembangun sambungan Volar VS Code, telah menyertai pasukan teras Vue.js . Johnson telah mengeluarkan keluaran dan pembetulan pepijat, dan sedang berusaha untuk memfaktorkan semula pangkalan kod dalaman untuk menjadi lebih cekap malah meliputi lebih banyak ciri, dan memandangkan penyelenggara sambungan itu kini ditaja oleh Vue, masa depan alat IDE adalah lebih cerah.

(5) Nuxt 3

Pasukan Nuxt mengumumkan bahawa Nuxt v3 akan dikeluarkan pada musim panas ini, yang mungkin paling banyak versi satu yang dijangkakan. Ia kini dalam peringkat calon pelepasan dan hampir stabil.

(6) Vuetify

Bagi ramai orang, Nuxt dan Vuetify adalah perkara yang menghalang mereka daripada menaik taraf daripada Vue 2 kepada Vue 3 daripada dua bahagian utama. Versi terbaru Vuetify 3 ialah beta 5, yang semakin hampir dengan keluaran rasmi.

(7) VitePress 1

VitePress baru-baru ini mengeluarkan 1.0 alpha 4 dan telah digunakan dalam dokumen Vue baharu. Sebagai persediaan untuk keluaran v1.0, ahli pasukan teras Kia sedang berusaha untuk menyediakan API peringkat lebih tinggi kepada pengguna akhir. VitePress kini merupakan penyelesaian yang disyorkan untuk penjanaan tapak statik dengan sokongan Vue 3. Walau bagaimanapun, isu mengenai nama dan kewujudan bersama VuePress masih dalam perbincangan. Ringkasnya, sekiranya VitePress menggantikan VuePress 3.

(8) Dokumentasi baharu Vue

Dokumentasi Vue baharu dikeluarkan, dengan pemeriksaan menyeluruh dan penambahbaikan reka bentuk serta pengalaman pengguna , dan memperkenalkan panduan baharu dan keupayaan untuk bertukar antara API Pilihan dan API Komposisi. Keluaran ini juga memperkenalkan tutorial interaktif yang membimbing anda melalui semua ciri utama Vue.

(9) Vue Core

Sepanjang bulan April dan Mei, pasukan Vue menghabiskan kira-kira sebulan mengusahakannya Pepijat teras dalam v3, menghasilkan keluaran tampalan berskala besar (3.2.24~26), kira-kira 70 PR digabungkan dan kira-kira 140 isu diselesaikan.

(10) Versi lalai Vue

Vue 3 secara rasmi menjadi versi lalai.

2 Vue sekarang dan pada masa hadapan

Dalam bahagian ini, You Yuxi, pengarang Vue.js, meringkaskan perubahan utama dalam Vue 3 dan berkongsi langkah untuk menaik taraf kepada versi lalai terkini. Butiran di sebalik proses, dan melihat masa depan Vue.

(1) Apakah yang telah berubah dalam Vue 3 sejak kemas kini terakhir?

Dokumentasi Vue baharu dikeluarkan pada Februari 2022, menandakan selesainya proses pelancaran lembut. Apabila Vue 3 dikeluarkan, ia benar-benar hanya teras, tetapi dari masa ke masa Vue secara keseluruhan telah berkembang menjadi ekosistem yang lengkap termasuk penghalaan, pengurusan keadaan, alat binaan, alat pembangunan, sambungan, sokongan IDE dan banyak lagi. Semua ini memerlukan banyak usaha untuk mengemas kini.

Jadi kini terdapat versi baharu bagi semua perpustakaan dan alatan. Dokumentasi serba baharu telah diterbitkan, Vuex telah digantikan oleh Pinia sebagai perpustakaan pengurusan negeri yang disyorkan terkini, dan alat binaan kini dikuasakan oleh Vite. Sambungan IDE baharu ialah Volar, yang menyediakan sokongan dan pengalaman TypeScript yang lebih baik. Penambahbaikan DX penting seperti <script setup></script> turut dikeluarkan, dan masih banyak lagi yang akan datang.

(2) Apakah kesan TypeScript terhadap pengalaman pembangunan Vue?

TypeScript semakin meningkat, jadi mana-mana rangka kerja moden akan direka bentuk dengan mengambil kiranya. Walaupun tanpa menggunakan TypeScript, Volar mengambil kesempatan daripada jenis Vue dan memberikan petunjuk, menghapuskan beban mental yang perlu mengingati jenis pembolehubah. Semua jenis inferens dan semakan juga digunakan pada templat. Menggunakan TypeScript juga memudahkan pembangun mengesan ralat semasa memfaktorkan semula asas kod yang besar—alat itu akan segera memaparkannya untuk anda perbaiki. Terutama apabila membangunkan projek besar, menggunakan TypeScript dengan Vue akan meningkatkan keteguhan kod anda.

(3) Sudah setahun setengah sejak Vue 3 dikeluarkan apabila ia menjadi versi lalai Bagaimana prosesnya?

Untuk versi awal Vue 3, semuanya telah ditulis semula menggunakan TypeScript, tetapi itu tidak dilakukan sehingga Volar menjadi sambungan rasmi Dokumentasi telah disemak sepenuhnya dan semuanya telah diubah suai atau ditulis semula. Mereka Bekerja dengan API Pilihan dan API Komposisi dan boleh bertukar antara mereka. Akibatnya, pengalaman pembelajaran dan pengalaman harian dinaik taraf. Setiap daripada mereka adalah projek yang berasingan, itulah sebabnya keseluruhan proses mengambil masa yang lama untuk akhirnya menyiapkan semuanya. Sekarang kita boleh mengatakan bahawa Vue 3 sudah sedia.

(4) Adakah proses peralihan yang begitu mendalam perlu?

Bukan semuanya perlu, tetapi apabila kita berfikir tentang peningkatan, sentiasa ada pertukaran antara membuat peningkatan tambahan pada pangkalan kod anda yang sedia ada atau melakukan penulisan semula yang drastik. Untuk berdasarkan pangkalan kod Vue 2 dan memastikan keserasian 100% disertakan dengan bagasi banyak perpustakaan yang bergantung pada tingkah laku dalaman khusus Vue 2. Jika kami membawa bagasi ini bersama kami, ia akan mengehadkan inovasi kami.

Jadi, penulisan semula secara besar-besaran adalah arah yang betul untuk kami. Situasi dengan Vue 3 ialah beberapa perkara telah dikorbankan dan beberapa perpustakaan rosak dalam jangka pendek, tetapi itu adalah harga yang anda sanggup bayar untuk menyingkirkan bagasi masa lalu. Mempunyai senarai yang bersih sekarang akan membayar dividen pada masa hadapan.

Walaupun React atau Ember boleh memperkenalkan versi baharu dengan hampir lancar, ini mengenakan overhed penyelenggaraan yang besar kepada mereka. Mereka mempunyai sistem yang hebat untuk menambah ciri baharu secara perlahan-lahan dan menghapuskan ciri lama secara berperingkat, dan kita boleh belajar daripada itu. Akhirnya, tiada jawapan yang betul-betul tepat dalam kejuruteraan. Apabila ia datang untuk menaik taraf, terdapat pertukaran.

(5) Vue boleh digunakan dalam semua jenis aplikasi dan syarikat dengan saiz yang berbeza. Bagaimanakah ia menjadikan rangka kerja itu serba boleh?

Vue awal telah direka bentuk untuk mengurangkan halangan kepada kemasukan, menjadikannya mudah untuk digunakan dan disepadukan ke dalam sistem sedia ada, dan ia masih mematuhi dan mengambil pendekatan ini dengan sangat serius. Lama kelamaan, kami perlahan-lahan akan menambah komponen untuk menyokong projek yang lebih maju seperti penghalaan aplikasi halaman tunggal, pengurusan keadaan dan sokongan TypeScript.

Pada mulanya, terdapat ramai pengguna menggunakan Vue dalam aplikasi yang lebih kecil. Pangkalan pengguna Vue terus berkembang apabila lebih banyak ciri dan alatan tersedia, tetapi pengguna asal kekal dan masih boleh menggunakannya dengan cara yang mereka suka. Itu rahsia kami - merangkumi semua kawasan. Perjalanan yang panjang sejak 2014, dengan banyak cabaran, tetapi setiap kali kami menambah ciri baharu, kami cuba mengekalkan pengalaman teras menggunakan Vue.

(6) Apakah cabaran utama yang dihadapi oleh bahagian hadapan?

Dalam dunia pembangunan web, terdapat semua jenis aplikasi: halaman log masuk mudah, aplikasi interaktif sepenuhnya, papan pemuka bahagian belakang dan elektronik dengan keperluan prestasi yang lebih tinggi, dsb. Secara umumnya, cabarannya adalah untuk mengimbangi produktiviti pembangun dengan prestasi aplikasi akhir. Kami menunjukkan prestasi yang baik dalam kebanyakan bidang ini, kecuali untuk e-dagang intensif kandungan.

Kini terdapat perkara baharu seperti Remix atau Qwik. Kebanyakan ini memerlukan kawalan daripada pengkompil kepada pelayan kepada pelanggan, yang kesemuanya mesti bekerjasama untuk menyediakan penyelesaian bersepadu sepenuhnya yang dioptimumkan dari hujung ke hujung. Anda masih boleh menulis kod yang agak mudah dan akhirnya mendapat prestasi terbaik. Ini akan menjadi cabaran terbesar – penyelesaian manakah yang paling baik menyepadukan ketiga-tiga bahagian ini? Ini ialah hala tuju yang boleh kita terokai bekerja rapat dengan pasukan Nuxt dan yang lain dalam ekosistem Vue.

Kami memerlukan lebih banyak penyelesaian menegak yang boleh mengendalikan kedua-dua bahagian belakang dan bahagian hadapan serta berhenti berfikir dari segi pelanggan tulen atau bahagian belakang tulen.

(7) Melihat ke hadapan untuk 5 tahun akan datang, bagaimana anda melihat Vue?

Vue ialah platform yang sentiasa berkembang. Kami mungkin tidak akan mempunyai satu lagi jenis peningkatan "Vue 2 hingga 3" dalam tempoh lima tahun akan datang, kerana Vue 3 adalah asas yang cukup kukuh yang boleh dilanjutkan dalam jangka masa yang panjang. Kami akan terus bereksperimen dengan strategi kompilasi kerana kekuatan Vue ialah ia adalah sistem yang sangat fleksibel dan reaktif.

Kami mempunyai komponen fail tunggal terkumpul yang boleh disusun ke dalam output yang berbeza. Output boleh ditukar manakala kod sumber kekal tidak berubah. Semoga pengalaman pengguna kekal stabil pada masa ini. Dari perspektif pengalaman pembangunan, semoga ia kekal stabil, tetapi pendekatan yang disusun membolehkan kami membuat penambahbaikan yang ketara di belakang tabir. Ini adalah matlamat kami.

3. Aliran pembangunan Vue

Apakah status semasa Vue dalam medan bahagian hadapan? Seberapa pantas Vue berkembang? Mari kita lihat statistik tinjauan institusi yang berbeza!

(1) Statista

Vue naik 2 anak tangga pada 2021 berbanding 2020, menduduki tempat ke-5, dengan 19% responden memilihnya.

(2) Dibina Dengan

Pada Mei 2022, penggunaan rangka kerja 1 juta tapak web teratas di dunia adalah seperti berikut .

(3) NPMtrends

NPMtrends berkata bahawa penggunaan Vue telah berkembang dengan mantap sejak lima tahun yang lalu.

(4) SimilarTech

Bilangan tapak web yang dibina dengan Vue terus berkembang dengan stabil sejak awal.

(5) Tanggungan GitHub

Dibina dengan Vue sejak 2020 Bilangan aplikasi terus berkembang, dengan peningkatan sebanyak 46.52%.

(6) Bilangan soalan Stack Overflow

Pada Stack Overflow, pengguna bertanya Terdapat lebih banyak masalah dengan Vue.

(7) Keadaan JS

Penggunaan Vue.js oleh pembangun semakin meningkat, mencecah 2021 51%.

(8) Tinjauan Limpahan Timbunan

Tinjauan Limpahan Timbunan meninjau pengguna setiap tahun untuk bertanya tentang bingkai yang paling mereka suka dan paling tidak. Walaupun soalan tinjauan yang tersedia tidak konsisten selama ini, keputusan mengesahkan aliran menaik Vue.

2021:

2020:

2019:

2018:

(9) Tinjauan JetBrains

Pada tahun 2021, laporan "Keadaan Ekosistem Pembangun 2021" yang dikeluarkan oleh JetBrains menunjukkan bahawa bahagian pengguna Vue.js meningkat daripada 32% dalam 2020 Pertumbuhan kepada 43% pada 2021.

(10) Google Trends

Oktober 2020, pandangan pengguna pada semua rangka kerja Carian untuk kedua-duanya digugurkan, tetapi sejak itu, Vue telah menjadi popular semula dan perlahan-lahan kembali ke landasan.

[Pengesyoran tutorial video berkaitan: bahagian hadapan web]