Vue 3 [Vue.js3] 7. 子コンポーネント利用のバリエーション
7.1 子コンポーネントをカスタマイズする Slot7.1.1 Slot とは親コンポーネントから子コンポーネントにデータを渡すには Props が利用できる。ただし Props では HTML 要素そのものを渡すことができない。const...
Vue 3 Vue 3 [Vue.js3] 6. コンポーネント間連携
6.1 子コンポーネントの利用6.1.1 コンポーネントとはコンポーネントの基礎（App.vue）コンポーネント1個ひとつのコンポーネント（OneSection.vue）コンポーネントとは、…コンポーネントが複数ひとつのコンポーネント（On...
Vue 3 [Vue.js3] 5. スクリプトブロックのバリエーション
5.1 ウォッチャー スプリクトブロックで使用できるさまざまな機能5.1.1 算出プロパティの役割なぜウォッチャーが必要なのかを体感するための復習。Mapに格納されているオブジェクトから1秒ごとに乱数を使ってデータを一つ抽出し表示するプログ...
Vue 3 [Vue.js3] 4. 制御のディレクティブ
4.1 条件分岐のディレクティブ通常のプログラミングの条件分岐と同じく if、else if、else をディレクティブにしたもの。4.1.1 条件分岐ディレクティブの基本 v-if<script setup lang="ts">impor...
Vue 3 [Vue.js3] 3. 双方向データバインディングとその他のディレクティブ
3.1 双方向データバインディングデータバインディングのディレクティブとイベントのディレクティブを組み合わせると入力フォーム内のコントロールの値とテンプレート変数を双方向にバインディングすることが可能。3.1.1 双方向データバインディング...
Vue 3 [Vue.js3] 2. データとイベントのディレクティブ
2.1 データバインディングのディレクティブデータバインディングとは、データと描画を同期する仕組み。属性にテンプレート変数を利用したい場合に利用するのがデータバインディングのディレクティブ。2.1.1 ディレクティブとはディレクティブとはテ...
Vue 3 [Vue.js3] 1. Vueプログラミンの基礎
1.1 Vueのコンポーネントと基本構文コンポーネントとは何かVueアプリケーションの基本構文1.1.1 コンポーネントとはWebページの構成パーツのことをコンポーネントと呼ぶ。コンポーネントは以下の要素から出来ている。HTMLタグCSSス...
Vue 3 Vue.js3 ことはじめ
はじめに動きのあるホームページを作る時はjQueryを使ってきました。でも最近、jQueryは古いとか終わったとかいう話をよく聞くようになりました。では、代わりに何が良いのか調べた所、ReactやVue.jsといったモダンフレームワークが主...
Windows Windows11にAdobe Acrobat 8 Professionalをインストールしてみた
PDFにした本を読もうとAdobe Acrobat Readerをインストールしました。見開きで読みたかったのですが、見開きにするには有料のアプリが必要なようです。なので、昔購入したAdobe Acrobat 8 Professionalを...
プログラミング C言語対応版Eclipseのインストール
ダウンロード下記サイトからダウンロードできます。Pleiades All in oneをクリックすると下記の画面が開きます「Windows x64」の「C/C++」のボタンをクリックするとダウンロードが開始されますインストールダウンロードし...