Vue.js

JavaScript

【Vue.js】v- ディレクティブまとめ④~リストレンダリング~

前回までの記事はこちら↓条件分岐ディレクティブ(下記2記事) その他のディレクティブ v-for 配列に基づいて描画する。 配列をそのままリスト表示 dataで指定した配列...
JavaScript

【Vue.js】v- ディレクティブまとめ③~条件分岐補足~

前回のv-から始まるディレクティブまとめはこちら↓※前回はif等の条件分岐についてでした。 その他のv-ディレクティブについてまとめた記事はこちら↓ v-show 切り替えをしたい時につかうディレ...
JavaScript

【Vue.js】v- ディレクティブまとめ②~条件付きレンダリング~

v-から始まるディレクティブのまとめ記事はこちら↓ v-if if文。条件がtrueもしくはfalseの時に実行される。 falseの時に表示したい場合、textをfalseに変更して、v-ifディ...
JavaScript

【Vue.js】computedとmethodの違い

computedとmethodは同じ描画をしてくれますが、下記違いがあります。この違いが公式ページでも書かれていますので、リンクを貼ります。 >vue.js公式ページ computed 依存関係が更新された時だけ実行する。呼び...
JavaScript

【Vue.js】v-ディレクティブまとめ

Vue特有のv-から始まるディレクティブをまとめてみました。<環境>Vue.js v2 v-text dataの文字列表示。{{}}と同じ意味を持ち、同じ使い方をする。 v-once 一度だけ表示させたい時...
JavaScript

【Vue.js】v-onでイベントをハンドリングしてみる

前回の記事はこちら↓ 今回やりたい事 「ボタンをクリックしたら、表示するテキストを変更する。」を実装します。前回作成したコードにイベントを追加していきます。 前回のコードはこちら↓ HTMLにボ...
JavaScript

【Vue.js】を使ってHelloWorld

javascriptもままならないままですが、Vueに手を出し始めました。しばらくはVueの記事ばかりになると思います。今回は、Vueを読み込んでHelloWorldを表示したいと思います。 環境 エディター:jsFiddle...
タイトルとURLをコピーしました