Vue 3 移行ガイド

Vue 2 のサポートは 2023 年 12 月 31 日をもって終了します。

EOL の日付までに Vue 3 へのアップグレードが不可能な場合は、Extended LTS の詳細をご覧ください。

このガイドは主に、Vue 2 の経験があり、Vue 3 との変更点について学びたいユーザーのためのものです。Vue 3 を試す前に最初から最後まで読まなければならないものではありません。 Vue 3 を学ぶには、新しいドキュメントを読むのがおすすめです。

Get the free Migration Guide Cheat Sheet at VueMastery.com

注目すべき新機能

Vue 3 で注目すべき新機能には、以下のようなものがあります:

• Composition API*
• SFC Composition API のシンタックスシュガー（<script setup>）*
• Teleport
• フラグメント
• コンポーネントオプション emits**
• カスタムレンダラーを作成するための createRenderer API（@vue/runtime-core からエクスポート）
• SFC 状態駆動型 CSS 変数（<style> 内の v-bind）*
• SFC <style scoped> にグローバルルールやスロットコンテンツのみを対象としたルールを含めることができるようになりました
• Suspense ^{実験的な機能}

_{* Vue 2.7 でもサポートされるようになりました
** Vue 2.7 でサポートされますが、型推論のみがサポートされます}

破壊的変更

Vue 2 から Vue 3 の破壊的変更はこちらに列挙されています。

フレームワークレベルでの新しい推奨事項

フレームワークレベルでの新しい推奨事項はこちらに列挙されています。

移行ビルド

既存の Vue 2 プロジェクトやライブラリーをお持ちで、Vue 3 にアップグレードする予定がある場合、Vue 2 互換の API を提供する Vue 3 のビルドを提供します。詳しくは移行ビルドのページをご確認ください。