新Vue.js「Vue 3」でコンポーネント実装法を大きく変える「Composition API」

JavaScriptフレームワーク「Vue 3」の新機能紹介第1回

WINGSプロジェクト　吉川英一[著] / 山田祥寛[監修]

2020/07/20 11:00

　「Vue 3」は、JavaScriptフレームワーク「Vue.js」の次期バージョンで、2016年にリリースされた「Vue 2」以来のメジャーバージョンアップです。本記事では、Vue 3で導入される新機能のうち、新しいコンポーネント記述形式「Composition API」を説明していきます。

目次
Page1 はじめに対象読者必要な環境の準備 Vue 3対応プロジェクトを生成する方法新しいコンポーネント記述形式「Composition API」 Options APIを利用した実装 Composition APIを利用した実装 refを利用した変数の記述 reactiveからrefへの変換
Page2 Composition APIを利用したロジックの共通化応用的なトピック：プロパティとライフサイクルフックまとめ参考資料

※印刷用ページ表示機能はメンバーのみが利用可能です（登録無料）。

あなたにオススメ

WINGSプロジェクト　吉川英一（ヨシカワエイイチ）

＜WINGSプロジェクトについて＞有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）。主にWeb開発分野の書籍／記事執筆、翻訳、講演等を幅広く手がける。2018年11月時点での登録メンバは55名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂...
山田祥寛（ヤマダヨシヒロ）

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「入門シリーズ（サーバサイドAjax／XM...

連載:JavaScriptフレームワーク「Vue 3」の新機能紹介