はじめに 開発が進められている Vue.js 3.0 にて追加される、 Composition API を使った書き方を紹介します。 現在、 Vue.js 3.0.0 beta がリリースされており、こちらを使って実装してきます。 Composition APIとは はじめに、 Composition API の概要について簡単に紹介します。 こちらに書いてあるとおり、 Composition API とは、コンポーネントロジックの柔軟な構成を可能にする、関数ベースのAPIです。 詳しくは、紹介するコードを見てほしいのですが、 setup 関数の引数に context を渡すことで、emit や $router や $store などに関する処理を外部に切り出すことができます。 環境構築 プロジェクトの作成は、 Vue CLI で行ってください。 プロジェクトを作成したら、プロジェクトのル
![Vue.js 3.0のComposition APIを使ってみた | RE:ENGINES](https://cdn-ak-scissors.b.st-hatena.com/image/square/16742c9b786eacc69a8f3f889594c7d51c8cc944/height=288;version=1;width=512/https%3A%2F%2Fre-engines.com%2Fwp-content%2Fuploads%2Ficons%2Fvue_js_logo.png)