Vue 3

10.1 非同期処理非同期処理とは時間のかかる処理の完成を待たずに次の処理をどんどん先に進める仕組みのこと。これにより、データの読み込み中であっても画面がフリーズせず、ユーザーが別の操作を続けられる快適なアプリをつくることが出来る。同期処理...

9.1 PiniaPinia（ピニア）はコンポーネント横断でのデータのやり取りに際し、Provide/Inject では力不足な場面で、その問題を解決してくれるものである。9.1.1 Provide/Inject の問題点Provide/I...

8.1 シングルページアプリケーション公式ライブラリ Vue Router を利用することでシングルページアプリケーションを簡単に作成できるようになる。8.1.1 ルーティングとは画面遷移を伴うアプリケーションにおいて表示させる画面とパスを...

7.1 子コンポーネントをカスタマイズする Slot7.1.1 Slot とは親コンポーネントから子コンポーネントにデータを渡すには Props が利用できる。ただし Props では HTML 要素そのものを渡すことができない。const...

6.1 子コンポーネントの利用6.1.1 コンポーネントとはコンポーネントの基礎（App.vue）コンポーネント1個ひとつのコンポーネント（OneSection.vue）コンポーネントとは、…コンポーネントが複数ひとつのコンポーネント（On...

5.1 ウォッチャー スプリクトブロックで使用できるさまざまな機能5.1.1 算出プロパティの役割なぜウォッチャーが必要なのかを体感するための復習。Mapに格納されているオブジェクトから1秒ごとに乱数を使ってデータを一つ抽出し表示するプログ...

4.1 条件分岐のディレクティブ通常のプログラミングの条件分岐と同じく if、else if、else をディレクティブにしたもの。4.1.1 条件分岐ディレクティブの基本 v-if<script setup lang="ts">impor...

3.1 双方向データバインディングデータバインディングのディレクティブとイベントのディレクティブを組み合わせると入力フォーム内のコントロールの値とテンプレート変数を双方向にバインディングすることが可能。3.1.1 双方向データバインディング...

2.1 データバインディングのディレクティブデータバインディングとは、データと描画を同期する仕組み。属性にテンプレート変数を利用したい場合に利用するのがデータバインディングのディレクティブ。2.1.1 ディレクティブとはディレクティブとはテ...

1.1 Vueのコンポーネントと基本構文コンポーネントとは何かVueアプリケーションの基本構文1.1.1 コンポーネントとはWebページの構成パーツのことをコンポーネントと呼ぶ。コンポーネントは以下の要素から出来ている。HTMLタグCSSス...