# Vue 2→3 & Nuxt 2→3 の移行 (Vue.js / Nuxt.js)

> Options API から Composition API へ、Vuex から Pinia へ、asyncData/fetch から useFetch へ、breaking changes、移行戦略、nuxtServerInit の非推奨化

- 22 面接問題
- Senior
- [面接問題: Vue.js / Nuxt.js](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions.md)

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

**回答**

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

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

**回答**

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

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

**回答**

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

## さらに19問利用可能

- Nuxt 2のWebpackに代わる、Nuxt 3のデフォルトのbuild toolは何ですか?
- カスタムコンポーネントにおいて、v-model の構文は Vue 2 から Vue 3 でどのように変わりましたか？

無料で登録: https://sharpskill.dev/ja/login

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

- [JavaScript の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/javascript-fundamentals.md): 20問, Junior
- [モダンな JavaScript (ES6+)](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/es6-modern-javascript.md): 20問, Junior
- [Vue の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-basics.md): 22問, Junior
- [Vue コンポーネント](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-components.md): 20問, Junior
- [Vue Router](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-router.md): 18問, Junior
- [Pinia State Management](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/pinia-state-management.md): 20問, Junior
- [Vuex (Legacy)](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vuex-legacy.md): 15問, Mid-Level
- [Composition API](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/composition-api.md): 24問, Mid-Level
- [Vue のリアクティビティ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-reactivity.md): 20問, Mid-Level
- [Nuxt の基礎](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-fundamentals.md): 22問, Mid-Level
- [Nuxt のデータフェッチング](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-data-fetching.md): 20問, Mid-Level
- [Nuxt の SSR と SSG](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-ssr-ssg.md): 22問, Mid-Level
- [Nuxt サーバールート](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-server-routes.md): 20問, Mid-Level
- [Nuxt モジュール](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-modules.md): 18問, Mid-Level
- [Vue のコンポーザブル](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-composables.md): 20問, Mid-Level
- [Vue フォームとバリデーション](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-forms-validation.md): 20問, Mid-Level
- [Nuxt の状態管理](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-state-management.md): 18問, Mid-Level
- [Vue のテスト](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-testing.md): 20問, Mid-Level
- [Nuxt のデプロイと CI/CD](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-deployment-cicd.md): 22問, Mid-Level
- [Vue のパフォーマンス](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-performance.md): 22問, Senior
- [Vue の高度なパターン](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-advanced-patterns.md): 24問, Senior
- [VueでのTypeScript](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/typescript-vue.md): 22問, Senior
- [Nuxt認証](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-auth.md): 20問, Senior
- [Nuxt での SEO](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-seo.md): 20問, Senior
- [Nuxt の国際化](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-i18n.md): 18問, Senior
- [Vue アーキテクチャ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-architecture.md): 22問, Senior
- [Nuxt セキュリティ](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/nuxt-security.md): 20問, Senior
- [Vue エコシステム](https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/vue-ecosystem.md): 18問, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ja/technologies/vue-nuxt/interview-questions/migration-vue2-vue3-nuxt2-nuxt3