vueuse

특징

• 대화식 문서 및 데모

• 원활한 마이그레이션 : Vue 3과 2 모두 에서 작동합니다.

• 완전히 나무가 흔들릴 수 있습니다 : 원하는 것을 가져 가십시오, 번들 크기

• Strong : TS 문서와 함께 TypeScript로 작성하십시오

• SSR 친화적

• 번들러가 필요하지 않음 : CDN을 통해 사용할 수 있습니다

• 유연성 : 구성 가능한 이벤트 필터 및 대상

• 선택적 애드온 : 라우터, 파이어베이스, RXJ 등

용법

 import {Uselocalstorage, usemouse, usepreferreddark}에서 '@vueuse/core'export default {
  setup () {// mouse positionconst {x, y} = usemouse () // 사용자가 dark themeconst isdark = usepreferreddark ()를 선호하는 경우 localstorageconst store = uselocalstorage ( 'my storage', {name : ' Apple ', Color :'Red ',},) return {x, y, isdark, store}
  },}

자세한 내용은 기능 목록 또는 문서를 참조하십시오.

설치하다

v12.0에서 vueuse는 더 이상 VUE 2를 지원하지 않습니다. VUE 2 지원을 위해 v10.x를 사용하십시오.

 npm i @vueuse/core

추가 | nuxt 모듈

시민

• vite + vue 3

• nuxt 3 + vue 3

• 웹 팩 + vue 3

cdn

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

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

window.VueUse 로 Global에 노출됩니다

프로젝트 활동

기여하다

기고 가이드를 참조하십시오

감사해요

이 프로젝트는 다음과 같은 멋진 프로젝트에서 큰 영감을 받았습니다.

• Streamich/React-use

• u3u/vue-hooks

• logaretm/vue-use-web

• Kripod/React-hooks

그리고 Github의 모든 기고자들에게 감사합니다!