vueuse

特徴

• インタラクティブなドキュメントとデモ

• シームレスな移行：Vue 3と2の両方で機能します

• 完全なツリーのシーク可能：あなたが望むものだけを取る、バンドルサイズ

• タイプストロング：TS Docsを使用してTypeScriptで書かれています

• SSRフレンドリー

• バンドラーは不要：CDN経由で使用できます

• 柔軟性：構成可能なイベントフィルターとターゲット

• オプションのアドオン：ルーター、ファイヤーベース、RXJSなど。

使用法

'@vueuse/core'export default {uselocalStorage、usemouse、usepreferreddark}をimport {uselocalstorage、usepreferreddark}
  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をサポートしなくなりました。Vue2サポートにはv10.xを使用してください。

 npm i @vueuse/core

ONSを追加| Nuxtモジュール

デモ

• Vite + Vue 3

• nuxt 3 + vue 3

• webpack + vue 3

CDN

 <スクリプトsrc = "https://unpkg.com/@vueuse/shared"> </script>

<スクリプトsrc = "https://unpkg.com/@vueuse/core"> </script>

window.VueUseとしてグローバルにさらされます

プロジェクトアクティビティ

貢献する

寄稿ガイドを参照してください

ありがとう

このプロジェクトは、次の素晴らしいプロジェクトに深く触発されています。

• Streamich/React-Use

• u3u/vue-hooks

• logaretm/vue-use-web

• Kripod/React-Hooks

そして、Githubのすべての貢献者に感謝します！