VueUse

3ステップで試す

1. 1

   VueUse 15.0.0とVue 3.5.43を固定して導入する

   一時npm projectへreview対象のVueUseと互換Vueを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/vueuse.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact @vueuse/core@15.0.0 vue@3.5.43コピー
2. 2

   package versionを確認する

   VueUse coreとVueが想定versionで解決されていることを確認します。

   test "$(node -e "const fs=require('fs'); const v=p=>JSON.parse(fs.readFileSync(p)).version; console.log(v('node_modules/@vueuse/core/package.json')+'/'+v('node_modules/vue/package.json'))")" = '15.0.0/3.5.43'コピー
3. 3

   代表的なcomposable exportを確認する

   browserを起動せず、代表的なComposition Utilityがpackageからexportされることを確認します。

   test "$(node --input-type=module -e "import * as V from '@vueuse/core'; console.log(['useMouse','useLocalStorage','useEventListener'].every(k=>k in V))")" = 'true'コピー

Built with

• TypeScript
• Vue

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• Frontman709 Stars

  共通タグ 3件 · 共通カテゴリ 1件

  browserで選んだUIをlive DOM・CSS・source mapからsourceへ辿り、AIで直接修正する

  ReScript
• Vue 354,511 Stars

  共通タグ 3件 · 同じ言語

  reactivity・component・SFCを既存HTMLの部分導入からSPA・SSRまで同じUI modelで広げるprogressive framework

  TypeScript
• Element Plus27,795 Stars

  共通タグ 3件 · 同じ言語

  Vue 3のform・table・navigationを共通component setで揃える

  TypeScript
• shadcn-vue10,663 Stars

  共通タグ 3件 · 同じ言語

  Vue componentのsource codeをprojectへ取り込み、自分のdesign systemとして育てる

  TypeScript
• FormKit4,769 Stars

  共通タグ 3件 · 同じ言語

  form構造・validation・data treeをFormKit Nodeへ集約してVueのform boilerplateを減らす

  TypeScript
• Vue Test Utils1,160 Stars

  共通タグ 3件 · 同じ言語

  Vue 3 componentをmountし、DOM・props・events・子componentの振る舞いをtestする

  TypeScript