Vue.js基礎・実践 問題集

「v-if」と「v-show」の決定的な違いは？

Vue.jsで要素を表示・非表示にする際、条件が false の場合に要素をDOMから完全に削除するディレクティブはどれか？

フォーム入力とデータを双方向バインディングするためのディレクティブは？

Vue.jsで要素を表示・非表示にする際、条件が false の場合に要素をDOMから完全に削除するディレクティブはどれか？

<input> 要素などで、データの「表示」と「入力による更新」を自動的に同期させる（双方向バインディングを行う）ディレクティブは？

Vue.jsにおいて、v-bind ディレクティブを使って src 属性に動的な値を設定する記述 v-bind:src="imageSrc" を、省略記法（シンタックスシュガー）を使って書き換えたものはどれですか？

Vue.jsで v-bind ディレクティブを使用する際、「v-bind' directives require an attribute value」エラーが発生する原因として最も適切なものはどれですか？

フォーム入力とデータを双方向バインディングするためのディレクティブは？

Vue.jsで要素を表示・非表示にする際、条件が false の場合に要素をDOMから完全に削除するディレクティブはどれか？

<input> 要素などで、データの「表示」と「入力による更新」を自動的に同期させる（双方向バインディングを行う）ディレクティブは？

親コンポーネントから子コンポーネントのテンプレートの一部を差し込む機能は？

Vuetifyコンポーネントにおける v-slot の主な役割として正しいものはどれか？

Vuetifyアプリケーションを正しく動作させるために、テンプレートの一番外側（ルート）に配置しなければならない必須コンポーネントは？

Vuetifyのグリッドシステム（v-row, v-col）において、画面の横幅全体は何分割のカラムとして扱われるか？

マージンやパディングを設定するユーティリティクラス「ma-4」において、「a」が意味する方向は？

Vuetifyコンポーネントにおける v-slot の主な役割として正しいものはどれか？

Vuetify 3 で次のような横並びレイアウトを作っています。子要素同士の間に均等な余白を空けたいとき、最も適切なクラスはどれですか？ <div class='d-flex ___'> <v-btn>A</v-btn> <v-btn>B</v-btn> <v-btn>C</v-btn> </div>

テキスト補間（Interpolation）に使用される構文は？

Vue 3のComposition APIにおいて、コンポーネントのロジックを記述するエントリーポイントとなる関数は？

Vue 3でプリミティブな値（数値や文字列）をリアクティブにするために推奨される関数はどれか？

DOM要素にアクセス可能になるライフサイクルフックは？

算出プロパティ（computed）とメソッド（methods）の主な違いは？

v-forディレクティブを使用する際、必須で指定すべき属性は？

イベントの伝播（バブリング）を止めるためのイベント修飾子は？

Vue 3で導入された、コンポーネントが複数のルートノードを持つことができる機能は？

親コンポーネントから子コンポーネントへデータを受け渡す仕組みは？

コンポーネントのHTMLを、DOMツリーの別の場所（body直下など）にレンダリングするVue 3の機能は？

Vue 2の「destroyed」ライフサイクルは、Vue 3で何という名前に変更されたか？

Vueの公式状態管理ライブラリとして、Vuexの後継として推奨されているものは？

データの変更後、DOMの更新が完了するのを待ってから処理を実行するメソッドは？

コンポーネント内のCSSをそのコンポーネントだけに適用させるための属性は？

Vue Routerにおいて、ページ遷移のためのリンクを作成するコンポーネントは？

Vue 3において、特定のデータの変更を監視する「watch」と、依存関係を自動収集する「watchEffect」の違いは？

Options APIと比較した際のComposition APIの主なメリットは？

Cannot read properties of undefined (reading 'xxx') をVueで頻繁に見る場合

Vue.jsのコード例や慣例において、new Vue({...}) で作成したインスタンスを格納する変数名としてよく使われる vm は、何の略称ですか？

Vueのコンポーネントにおいて、data オプションを単なるオブジェクトではなく、関数（オブジェクトを返す関数） として定義しなければならない主な理由はどれですか？

Vue.jsにおいて、リアクティブなデータ（例：`isVisible = true`）を変更し、新しく表示されたDOM要素（`<input>`など）に対して即座にフォーカスを当てたいと考えています。このとき、意図した通りに動作する実装方針とその理由として正しいものはどれですか？