Vue 3から始める、Vue.js

全7回

2020年9月にバージョンアップしたVue 3を複数回にわたって取り上げます。初心者から上級者までVue.jsがわかるシリーズです。

第1回を読む

第7回 DOM要素の生成タイミングとref属性による参照

Vueが用意していないDOMネイティブの機能を使う場合、DOMの参照が必要です。その際、DOMの描画が終わった時点での参照が必須となります。そのような場面での実装の定石を学びます。

第6回 条件付きレンダリングと修飾子によるイベントハンドリング

v-show、v-ifディレクティブによる条件付き描画や、修飾子を用いたイベントハンドリングの効率的な実装を解説します。

第5回 算出プロパティによるパフォーマンスに配慮したデータの取得

リアクティブなデータの取り回しができるVue.jsは不要な処理が行われないよう配慮が必要です。Vue.jsを使うなら初めから意識しておかねばならないポイントを押さえます。

第4回 v-modelによる効率的なフォームの実装

v-modelディレクティブを使って、双方向のデータバインドを実装します。また、readonly APIで、特定の値を読み出し専用にし、データ書き換えが行われれないようにする処理についても解説します。

第3回 リアクティブなデータ表示

UIの操作に応答してデータ表示が変わるコンポーネントへと実装を進めます。使用するプロパティや、イベントハンドラの定義を解説します。

第2回 Vueの導入手順とアプリケーション構築の基礎

Vue.jsでできることの特徴を把握するために簡単なコンポーネントを実装してみます。データ定義、データバインディング、ディレクティブなど基本的な概念がわかります。

第1回 Vue 3はどう変わったか

2020年9月にバージョンアップしたVue 3を複数回にわたって取り上げます。第1回目はVue 3の概要を紹介します。