หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

คุณสมบัติ

  • เอกสารและการสาธิตแบบโต้ตอบ

  • การย้ายถิ่นแบบไร้รอยต่อ : ใช้ได้กับ ทั้ง Vue 3 และ 2

  • ต้นไม้ที่สั่นคลอนได้อย่างเต็มที่ : ใช้เฉพาะสิ่งที่คุณต้องการขนาดมัด

  • พิมพ์ Strong : เขียนเป็น typeScript พร้อมเอกสาร TS

  • SSR เป็นมิตร

  • ไม่จำเป็นต้องใช้ Bundler : ใช้งานได้ผ่าน CDN

  • ยืดหยุ่น : ตัวกรองเหตุการณ์และเป้าหมายที่กำหนดค่าได้

  • เสริมเสริม : เราเตอร์, firebase, rxjs ฯลฯ

การใช้งาน

 นำเข้า {uselocalstorage, Usemouse, USEPREFREADDARK} จาก '@vueuse/core'export ค่าเริ่มต้น {
  การตั้งค่า () {// ติดตามตำแหน่งเมาส์ตำแหน่ง {x, y} = usemouse () // ถ้าผู้ใช้ชอบ Dark THEMECONST ISDARK = USEPREFREFEREDDARK () // สถานะคงที่ใน LocalStorAgEconst Store = USELOCALSTORAGE ( Apple ', color:' red ',},) return {x, y, isdark, store}
  -

อ้างถึงรายการฟังก์ชั่นหรือเอกสารสำหรับรายละเอียดเพิ่มเติม

ติดตั้ง

จาก V12.0 Vueuse ไม่รองรับ Vue 2 อีกต่อไปโปรดใช้ v10.x สำหรับการสนับสนุน Vue 2 อีกต่อไป

 npm i @vueuse/core

เพิ่ม ONS | โมดูล nuxt

การสาธิต

  • Vite + Vue 3

  • nuxt 3 + vue 3

  • webpack + vue 3

CDN

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

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

มันจะสัมผัสกับ Global เป็น window.VueUse

กิจกรรมโครงการ

มีส่วนช่วย

ดู คู่มือการสนับสนุน

ขอบคุณ

โครงการนี้ได้รับแรงบันดาลใจอย่างมากจากโครงการที่ยอดเยี่ยมต่อไปนี้

  • streamich/react-use

  • u3u/vue-hooks

  • ลอการิทึม/การใช้งาน Vue-wuse

  • Kripod/React-Hooks

และขอบคุณผู้มีส่วนร่วมทุกคนใน GitHub!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด