親しみやすく融通が効く高性能な[[JavaScript]]/[[TypeScript]]フレームワーク。 ## MOC - 📒**関連** - [[📒Vueリリースノート]] - よく遭遇するユースケース - [[Vue.jsのstyleを動的に設定]] - [[Ctrl+EnterやCmd+Enterのイベントをハンドリング (Vue)|Ctrl+EnterやCmd+Enterのイベントをハンドリング]] - [[Vue3でトランジション・アニメーション]] - [[コンポーネントのscript setupで定義された関数を呼び出す (Vue)|コンポーネントのscript setupで定義された関数を呼び出す]] - [[トーストを表示 (Vue)|トーストを表示]] - [[DOMにフォーカス (Vue)|DOMにフォーカス]] - [[コードをSyntax Highlight (Vue)|コードをSyntax Highlight]] - [[ファイルをドラッグ＆ドロップで指定して処理する (Vue)|ファイルをドラッグ＆ドロップで指定して処理する]] - [[Vue3で色を変更可能なSVGファイルを作成]] - - 知見 - [[📒Vue.jsクエスト]] - [[📰Neovim x VolarでNuxt3(Vue3)のtemplateを型安全に開発するための調査]] - [[📰Vueで異なるモデルで構成された2つのリストをドラッグ＆ドロップする方法の調査]] - [[📕Vue2からVue3へ移行する際の注意ポイント]] - [[Vue.jsのオススメpackage]] - [[SSRではVueのmountedやupdatedといったライフサイクルは呼ばれない]] - [[Vue3でOptions APIを使ってTypeScriptのコードを書く]] - [[Vue3でカスタムコンポーネントに指定された属性(attributes)をフォールスルー]] - 📜**アクティビティ** - [[📜2021-09-04 Vue3 x Vuetify3プロジェクトの作成]] - [[📜2021-09-04 Viteでvue3 x TypeScriptプロジェクトを作成]] - [[📜2021-10-15 Vue3でLeafletを使用]] - [[📜2021-10-16 Vue3でGoogleMapを使用]] - 📝**トラブルシューティング** - [[📝Vue.jsでキー入力を親コンポーネントに伝播させたくない]] - [[📝Vueでformの要素にフォーカスしてEnterを押したとき、デフォルトの動作ではなく任意の処理を実行したい]] - [[📝IntelliJ IDEAでVue3のboolean属性を値指定なしで渡すと警告が表示されてしまう]] - [[📝Vue3のtemplateでラムダ式を引数型なしで指定するとimplicitly has an any typeエラー]] - [[📝Vue3でv-model属性を含む要素(Element)がエラーになる]] - [[📝Vue3のコンポーネントでdefinePropsで定義していない属性を渡すとExtraneous non-props attributesのwarningがでる]] - [[📝Vue3のコンポーネントでv-bind=$attrsを指定しているのにExtraneous non-props attributesのwarningがでる]] - [[📝$attrsで表示されないフォールスルー属性がある]] - [[📝Vueのイベントハンドラ(@clickなど)が設定されているかどうかをコンポーネント側で判断したい]] - [[📝Vueでリアクティブな値の変更によって変更されるDOMに対し、変更後の処理を実行できない]] - [[📝Vueでジェネリック型パラメーターを使ったコンポーネントを利用しても正しく型推論されない]] - 🗃**用語定義** - バージョン - [[Vue3]] - [[Vue 3.3]] - [[Vue2]] - [[Vue 2.7]] - [[ライフサイクル (Vue)|ライフサイクル]] - 書き方 - [[Options API]] - [[Class API]] - [[Composition API]] - ディレクティブ - [[v-if]] - [[v-show]] - [[v-for]] - [[v-model]] - [[v-bind]] - [[v-on (Vue)|v-on]] - [[@vue-genericディレクティブ]] - [[create-vue]] - [[script setup]] - [[CSS v-bind]] - [[KeepAlive]] - [[onActivated (Vue)|onActivated]] - [[onDeactivated (Vue)|onDeactivated]] - [[defineModel]] - [[defineExpose]] - [[nextTick()]] - [[フォールスルー属性 (Vue)|フォールスルー属性]] - [[inheritAttrs (Vue)|inheritAttrs]] - slot - [[名前付きスロット (Vue)|名前付きスロット]] - [[スコープ付きスロット (Vue)|スコープ付きスロット]] - [[Vue CLI]]