JavaScript

JavaScript

[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ス...
JavaScript

Vue.js ことはじめ

はじめに動きのあるホームページを作る時はjQueryを使ってきました。でも最近、jQueryは古いとか終わったとかいう話をよく聞くようになりました。では、代わりに何が良いのか調べた所、ReactやVue.jsといったモダンフレームワークが主...