Question 1

Vue 2のOptions APIとVue 3のComposition APIの主なアーキテクチャ上の違いは何ですか?

Accepted Answer

Composition APIはオプションの種類ごとではなく論理的な関心事ごとにコードを整理し、関連するコードをまとめることができます。このアプローチは複雑なコンポーネントの可読性と保守性を向上させ、data、methods、computedプロパティを分離するOptions APIとは異なります。また、Composition APIはcomposablesを通じてロジックの再利用を容易にし、名前の衝突を引き起こす可能性があったmixinsを効果的に置き換えます。

Question 2

Nuxt 3はNuxt 2と比べてauto-importsに関してどのような大きな変更を導入しましたか?

Accepted Answer

Nuxt 3はcomposables、コンポーネント、フレームワークのユーティリティに対してデフォルトでauto-importsを有効にし、手動でのimportを不要にします。この機能は開発者体験を向上させ、ボイラープレートを削減します。Nuxt 2ではほとんどの機能で明示的なimportが必要でした。明示的な制御が必要な場合は、設定でこの機能を無効にできます。

Question 3

Vue 3では、削除されたVue 2のfiltersに代わる方法は何ですか?

Accepted Answer

filtersはVue 3で削除されました。なぜなら、新しい開発者にとって理解しづらいカスタム構文を生み出し、パフォーマンスに影響を与えていたからです。公式の推奨は、データ変換にcomputed propertiesまたはメソッドを使用することです。computed propertiesは負荷の高い計算に対する自動キャッシュという利点があり、一方でメソッドはパラメータを伴う単純な変換に適しています。

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

Vue 2のOptions APIとVue 3のComposition APIの主なアーキテクチャ上の違いは何ですか?

回答

Nuxt 3はNuxt 2と比べてauto-importsに関してどのような大きな変更を導入しましたか?

回答

Vue 3では、削除されたVue 2のfiltersに代わる方法は何ですか?

回答

Nuxt 2のWebpackに代わる、Nuxt 3のデフォルトのbuild toolは何ですか?

カスタムコンポーネントにおいて、v-model の構文は Vue 2 から Vue 3 でどのように変わりましたか？

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

JavaScript の基礎

モダンな JavaScript (ES6+)

Vue の基礎

Vue コンポーネント

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue のリアクティビティ

Nuxt の基礎

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.js / Nuxt.jsをマスター