vueuse

Fitur

• Dokumen & demo interaktif

• Migrasi Seamless : Bekerja untuk Vue 3 dan 2

• Sepenuhnya pohon bergetar : hanya mengambil apa yang Anda inginkan, ukuran bundel

• Ketik Strong : Ditulis dalam TypeScript, dengan TS Documents

• SSR Friendly

• Tidak Diperlukan Bundler : Dapat Digunakan melalui CDN

• Fleksibel : Filter dan target acara yang dapat dikonfigurasi

• Add-on opsional : router, firebase, rxjs, dll.

Penggunaan

 impor {uselocalstorage, usemouse, usepreferreddark} dari '@vueuse/core'export default {
  setup () {// melacak posisi mouseConst {x, y} = useMouse () // Jika pengguna lebih suka dark theremeconst isdark = usePreferredDark () // status bertahan di status localstorageconst = uselocalstorage ('my-storage', {nama: ' Apple ', Color:' Red ',},) return {x, y, isdark, store}
  },}

Lihat daftar fungsi atau dokumentasi untuk detail lebih lanjut.

Memasang

Dari V12.0, Vueuse tidak lagi mendukung VUE 2. Silakan gunakan V10.X untuk dukungan Vue 2.

 npm i @vueuse/core

Tambahkan ons | Modul Nuxt

Demo

• Vite + Vue 3

• Nuxt 3 + Vue 3

• Webpack + Vue 3

CDN

 <skrip src = "https://unpkg.com/@vueuse/shared"> </script>

<Script src = "https://unpkg.com/@vueuse/core"> </script>

Itu akan terkena global sebagai window.VueUse

Aktivitas proyek

Menyumbang

Lihat Panduan yang Berkontribusi

Terima kasih

Proyek ini sangat terinspirasi oleh proyek -proyek luar biasa berikut.

• streamich/react-use

• u3u/vue-hooks

• LOGARETM/VUE-USE-WEB

• Kripod/react-hooks

Dan terima kasih kepada semua kontributor di GitHub!