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

はじめに Vue.jsは、Webページのユーザーインタフェース（UI）を構築できるフレームワークです。2015年のバージョン1（Vue 1）、2016年のバージョン2（Vue 2）に続き、バージョン3（Vue 3）が開発中で、2020年第2四半期にリリース予定です。 本記事では、全2回にわたって、Vue 3の新機能を紹介していきます。今回は、Vue 3で導入されるコンポーネントの新しい記述形式「Composition API」を説明していきます。 対象読者 Vue 3の概要を把握したい方 新しいライブラリーを試してみたい方 これからVue.jsをプロジェクトに採用する予定の方 必要な環境の準備 本記事のサンプルコードは、以下の環境で動作を確認しています。 Windows 10 64bit版 Node.js v10.18.1 64bit版 Vue.js 3.0.0-beta.15 Vue C

[zentarou]

共通化はしやすくなるけど複雑度は上がるんだよね。そして扱ってる変数がrefかどうかわからなくなりがちだから型情報ないと辛い。

[yojik]

Vue Composition API とか React Hooks の考え方は有用かつ面白くて、画面以外のドメインでもこういう風にできないかなーという妄想をしてしまう。