6 ekologi berkaitan Vue3 praktikal (perkongsian ringkasan)

Artikel ini akan berkongsi dengan anda beberapa praktikal vue ekologi berkaitan saya harap ia akan membantu semua orang!

1. Pustaka pemalam Vue

Pustaka pemalam Vue mengumpul pemalam Vue yang terkini dan paling lengkap serta menyediakan penggunaan terperinci kaedah pelbagai pemalam Vue , menyokong pratonton dalam talian dan muat turun pemalam Vue. (Belajar perkongsian video: tutorial video vue)

Alamat rasmi: https://www.vue365.cn/

vue Pustaka pemalam bertujuan untuk menyediakan pembangun aplikasi web dan mudah alih dengan komponen dan pemalam Vue.js percuma yang terkini.

2 Pinia

Perpustakaan pengurusan negeri yang ringan, reka bentuk API lebih dekat dengan cadangan Vuex 5, dan juga negeri yang disyorkan oleh perpustakaan Pengurusan pasukan teras Vue, menyokong kedua-dua Vue2 dan Vue3.

Alamat rasmi: https://pinia.vuejs.org/

Ciri

Pinia mempunyai mengikuti Beberapa ciri:

• Intuitif, tentukan kedai sama seperti komponen

• Sokongan TypeScript Penuh

• Alih keluar mutasi, hanya keadaan, getter, tindakan

• tindakan menyokong segerak dan tak segerak

• Vue Devtools menyokong Pinia, memberikan pengalaman Pembangunan yang lebih baik

• Mampu membina berbilang kedai dan mencapai pemisahan kod automatik

• Sangat ringan (1kb), anda tidak dapat merasakannya Ia wujud

Menggunakan Pinia boleh mendapat banyak faedah:

• Sokongan alat pembangunan

  • Jejak garis masa untuk tindakan, mutasi
  • Stor muncul dalam komponen yang menggunakannya
  • Perjalanan masa dan penyahpepijatan yang lebih mudah

• Penggantian Modul Panas

  • Ubah suai kedai anda tanpa memuatkan semula halaman
  • Kekalkan sebarang keadaan sedia ada semasa membangun

• Pemalam: Gunakan pemalam untuk melanjutkan fungsi Pinia

• Sediakan pengguna JS sokongan TypeScript yang betul atau fungsi autolengkap

• Sokongan pemaparan sebelah pelayan

3. Modul Nuxt

Dicipta oleh pasukan dan komuniti Nuxt, ketahui tentang kami Senarai modul untuk meningkatkan projek Nuxt anda.

• Alamat rasmi: https://modules.nuxtjs.org/

• alamat github: https://github.com/nuxt/ modul

4. Nuxt 3

rangka kerja ringan yang boleh digunakan untuk mencipta Aplikasi pemaparan sisi pelayan (SSR)

Alamat rasmi: https://v3.nuxtjs.org/

Dokumentasi Cina: https://www.nuxtjs.org.cn/

Integrasi api ts komposisi vue vue3, CLI, DevTools dan Nuxt Kit menunjukkan bahawa ini adalah rangka kerja pembangunan universal yang lengkap yang boleh menyediakan organisasi kod yang baik, kecekapan pembangunan yang sangat tinggi, Pembangunan pengalaman dan keupayaan pemaparan sebelah pelayan/penjanaan laman web statik (SSR/SSG), inilah terasnya!

Ciri baharu Nuxt 3

Pembinaan semula Nuxt 3 memperkemas kernel, menjadikannya lebih pantas dan memberikan pengalaman pembangunan yang lebih baik.

• Lebih ringan

  Sehingga 75x pengurangan dalam penggunaan pelayan dan artifak pelanggan apabila menyasarkan penyemak imbas moden.

• Lebih pantas

  Optimumkan permulaan sejuk dengan pemisahan kod bahagian pelayan dinamik, dikuasakan oleh nitro.

• Hibrid

  Penjanaan statik tambahan dan corak lanjutan lain kini boleh dilakukan.

• Suspense

  Dapatkan data daripada mana-mana komponen sebelum dan selepas navigasi.

• API Komposisi

  Gunakan API Komposisi dan kompos Nuxt 3 untuk kebolehgunaan semula sebenar.

• Nuxt CLI

  Pengalaman kebergantungan sifar baharu untuk membantu anda membina projek dan modul bersepadu dengan mudah.

• Nuxt Devtools

  Maklumat lanjut dan pembetulan pantas untuk berfungsi dengan cekap dalam penyemak imbas.

• Nuxt Kit

  Pembangunan modul baharu berdasarkan TypeScript dan versi silang yang serasi.

• Webpack 5

  Binaan yang lebih pantas dan artifak binaan yang lebih kecil, dengan konfigurasi sifar.

• Vite

  Gunakan Vite sebagai pembungkus anda untuk mengalami HMR yang ringan dan pantas.

• Vue3

  Vue3 akan menjadi asas yang kukuh untuk aplikasi anda yang seterusnya.

• TypeScript

  Terdiri daripada TypeScript dan ESM asli - tiada langkah tambahan.

5. vuepress

vuepress ialah penjana laman web statik berdasarkan vue, yang boleh digunakan untuk menulis dokumen .

Alamat rasmi: https://v2.vuepress.vuejs.org/zh/

vuepress ialah penjana laman web statik dipacu Vue yang disediakan secara rasmi oleh Vuejs , generate halaman web berdasarkan sintaks Markdown. Ringkasnya, ia adalah alat untuk membina tapak dokumentasi dengan cepat Selepas mengkonfigurasi fungsi, semua yang perlu dilakukan ialah menulis setiap dokumen Markdown dan menerbitkannya ke github.

Ciri

• Pelanjutan markdown terbina dalam, dioptimumkan untuk dokumen teknikal

• Keupayaan untuk menggunakan Kod Vue dibenamkan dalam fail penurunan nilai

• Sistem tema tersuai dipacu Vue

• sokongan PWA

• Penyepaduan Google Analitis

• Tema lalai:

  • Reka letak responsif

  • Halaman utama pilihan

  • Fungsi carian berasaskan tajuk yang ringkas, di luar kotak,

  • Bar navigasi dan Bar sisi yang boleh disesuaikan

  • Pautan GitHub dan pautan penyuntingan halaman yang dijana secara automatik

6. VueUse

Koleksi utiliti komposisi Vue yang berkuasa ialah koleksi fungsi utiliti komposisi Vue asas yang dilaksanakan berdasarkan API Komposisi.

Alamat rasmi: https://vueuse.org/

alamat github: https://github.com/vueuse/vueuse

VueUse, dengan fungsi berkuasa vue-demi, boleh digunakan pada kedua-dua Vue2 dan Vue3 dalam satu pakej!

Vue 3 Demo:

• Gunakan vite: https://github.com/vueuse/vueuse-vite-starter

• Menggunakan Webpack: https://github.com/vueuse/vueuse-vue3-example

Vue 2 Demo: Vue CLI

• Gunakan Vue CLI: https://github.com/vueuse/vueuse-vue2-example

Juga, sila ambil perhatian Versi perpustakaan:

Dari versi v6.0 dan seterusnya, vue3 memerlukan vue >= v3.2; 🎜 >Tutorial pengenalan Vuejs@vue/composition-api>@vue/composition >= v1.1,

Bermula dengan bahagian hadapan web

]

Atas ialah kandungan terperinci 6 ekologi berkaitan Vue3 praktikal (perkongsian ringkasan). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!