フロントエンドフレームワークVueのアップデートに伴い、そのアップデート内容を紹介しているのが本連載です。今回は、2023年12月にリリースされた3.4、および、2024年9月にリリースされた3.5の内容をまとめて紹介します。
正式リリースされた二つの機能
本連載は、フロントエンドフレームワークVueのアップデート内容を紹介しているものです。今回は、2023年12月にリリースされた3.4、および、2024年9月にリリースされた3.5の内容をまとめて紹介します。
3.4、3.5ともに、SFCのビルドの改善やリアクティブシステムの改善など、パフォーマンス面での改善もかなり行われていますが、こういった目に見えない部分だけでなく、目に見える機能面でもいくつか新しいものが導入されています。
その中から最初に紹介するのが、以前は実験的リリースだった機能が正式リリースとなったふたつの機能です。実はこれらの機能は、第1回ですでに詳細に紹介しています。
正式リリースとなったdefineModel()
ひとつめは、defineModel()マクロです。これは、v-modelによる新しい値の自動格納の仕組みを簡潔に記述できるようにしたマクロであり、これまでは実験的な機能でした。それが、バージョン3.4で正式リリースとなりました。defineModel()の紹介に関しては、第1回の記事を参考にしてください。
正式リリースとなったPropsのデフォルト値
ふたつめは、Propsのデフォルト値の記述です。リスト1のように、オブジェクトの分割代入を利用したPropsのデフォルト値の設定構文が、これまでは実験的な機能でした。それが、バージョン3.5で正式リリースとなりました。詳細は、第1回の記事を参考にしてください。
const {note = "--"} = defineProps<Props>();
この記事は参考になりましたか？
- ますます便利になるVue.jsの新機能を探ろう！連載記事一覧
-
- Vue.js3.4～3.5の新機能をまとめて紹介！ 新しいAPIやSSRの改善
- Vue3.3の新機能とは？ ジェネリクスコンポーネントを中心にdefineSlots()な...
- TypeScriptのサポートが強化されたVue3.3の新機能とは？──PropsとEmi...
- この記事の著者
-
山田 祥寛（ヤマダ ヨシヒロ）
静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ（Java・C#・Python・PHP・Ruby・JSP＆サーブレットなど）」「速習シリーズ（ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど）」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
-
WINGSプロジェクト 齊藤 新三（サイトウ シンゾウ）
＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書、記事多数。 RSS X: @WingsPro_info（公式）、@WingsPro_info/wings（メンバーリスト） Facebook ＜個人紹介＞WINGSプロジェクト所属のテクニカルライター。Web系製作会社のシステム部門、SI会社を経てフリーランスとして独立。屋号はSarva(サルヴァ)｡HAL大阪の非常勤講師を兼務。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
この記事は参考になりましたか？
この記事をシェア
