プログラミング [Vue.js] 8. Vue Router
8.1 シングルページアプリケーション公式ライブラリ Vue Router を利用することでシングルページアプリケーションを簡単に作成できるようになる。8.1.1 ルーティングとは画面遷移を伴うアプリケーションにおいて表示させる画面とパスを...
コンピュータ
プログラミング コンピュータ [Vue.js] 7. 子コンポーネント利用のバリエーション
7.1 子コンポーネントをカスタマイズする Slot7.1.1 Slot とは親コンポーネントから子コンポーネントにデータを渡すには Props が利用できる。ただし Props では HTML 要素そのものを渡すことができない。const...
未分類 Vus.jsのまとめ
基本構文単一コンポーネントファイル<script setup lang="ts"> // スクリプトブロック // JavaScript (TypeScript) コードを記述する</script><template> <!-- テンプレー...
プログラミング [Vue.js] 6. コンポーネント間連携
6.1 子コンポーネントの利用6.1.1 コンポーネントとはコンポーネントの基礎（App.vue）コンポーネント1個ひとつのコンポーネント（OneSection.vue）コンポーネントとは、…コンポーネントが複数ひとつのコンポーネント（On...
コンピュータ [Vue.js] 5. スクリプトブロックのバリエーション
5.1 ウォッチャー スプリクトブロックで使用できるさまざまな機能5.1.1 算出プロパティの役割なぜウォッチャーが必要なのかを体感するための復習。Mapに格納されているオブジェクトから1秒ごとに乱数を使ってデータを一つ抽出し表示するプログ...
プログラミング [Vue.js] 4. 制御のディレクティブ
4.1 条件分岐のディレクティブ通常のプログラミングの条件分岐と同じく if、else if、else をディレクティブにしたもの。4.1.1 条件分岐ディレクティブの基本 v-if<script setup lang="ts">impor...
プログラミング [Vue.js] 3. 双方向データバインディングとその他のディレクティブ
3.1 双方向データバインディングデータバインディングのディレクティブとイベントのディレクティブを組み合わせると入力フォーム内のコントロールの値とテンプレート変数を双方向にバインディングすることが可能。3.1.1 双方向データバインディング...
プログラミング [Vue.js] 2. データとイベントのディレクティブ
2.1 データバインディングのディレクティブデータバインディングとは、データと描画を同期する仕組み。属性にテンプレート変数を利用したい場合に利用するのがデータバインディングのディレクティブ。2.1.1 ディレクティブとはディレクティブとはテ...
JavaScript [Vue.js] 1. Vueプログラミンの基礎
1.1 Vueのコンポーネントと基本構文コンポーネントとは何かVueアプリケーションの基本構文1.1.1 コンポーネントとはWebページの構成パーツのことをコンポーネントと呼ぶ。コンポーネントは以下の要素から出来ている。HTMLタグCSSス...
コンピュータ Windows11にAdobe Acrobat 8 Professionalをインストールしてみた
PDFにした本を読もうとAdobe Acrobat Readerをインストールしました。見開きで読みたかったのですが、見開きにするには有料のアプリが必要なようです。なので、昔購入したAdobe Acrobat 8 Professionalを...