Question 1

Nuxt 3 アプリケーションに必要な最小構成は何ですか？

Accepted Answer

Nuxt 3 アプリケーションは、プロジェクトのルートに app.vue ファイルまたは pages/ ディレクトリのみを必要とします。pages/ フォルダーなしで app.vue が存在する場合、Nuxt は Vue Router なしのアプリケーションを作成します。pages/ が存在する場合、Nuxt は file-based routing を自動的に有効にし、ルートを表示するために app.vue 内に <NuxtPage /> が必要です。

Question 2

pages/ ディレクトリでの自動ルーティングはどのように機能しますか？

Accepted Answer

Nuxt の pages/ ディレクトリは file-based routing を使用します。各 .vue ファイルが自動的に対応する route を作成します。たとえば、pages/index.vue は '/' route になり、pages/about.vue は '/about' になり、pages/blog/[id].vue は動的 route '/blog/:id' を作成します。このアプローチにより、router の手動設定が不要になります。

Question 3

app.vue における <NuxtPage /> コンポーネントの役割は何ですか？

Accepted Answer

コンポーネントは、現在の route に基づいてアクティブなページのコンテンツを表示する outlet です。pages/ ディレクトリが存在する場合、app.vue 内で必須です。がないと route は表示されません。これは標準的な Vue Router のに相当しますが、Nuxt 向けに適応されています。

Nuxt の基礎

Nuxt 3 アプリケーションに必要な最小構成は何ですか？

回答

pages/ ディレクトリでの自動ルーティングはどのように機能しますか？

回答

app.vue における <NuxtPage /> コンポーネントの役割は何ですか？

回答

Nuxt 3 でページに特定の layout を適用するにはどうすればよいですか？

app.vue で <NuxtLayout> を使用する場合と使用しない場合の違いは何ですか？

その他のVue.js / Nuxt.js面接トピック

JavaScript の基礎

モダンな JavaScript (ES6+)

Vue の基礎

Vue コンポーネント

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue のリアクティビティ

Nuxt のデータフェッチング

Nuxt の SSR と SSG

Nuxt サーバールート

Nuxt モジュール

Vue のコンポーザブル

Vue フォームとバリデーション

Nuxt の状態管理

Vue のテスト

Nuxt のデプロイと CI/CD

Vue のパフォーマンス

Vue の高度なパターン

VueでのTypeScript

Nuxt認証

Nuxt での SEO

Nuxt の国際化

Vue アーキテクチャ

Nuxt セキュリティ

Vue エコシステム

Vue 2→3 & Nuxt 2→3 の移行

次の面接に向けてVue.js / Nuxt.jsをマスター