Vue.js

Vue.js

Vue.jsでインクリメントサーチ

Vue.jsのお勉強。 配列からインクリメントサーチをするサンプルです。 配列のサンプルはココのを使わせてもらいました。 JSONデータから日本の都市一覧を配列に入れてリスト表示して、検索窓に入力されたキーワードでフィルタしているイメージで...
Vue.js

Vue.jsでQiita検索APIを使ってみる

監視プロパティでテキストボックスを監視しておき、キーワードが入力された時点でQiitaのAPIを呼び出して検索結果を取得するサンプルです。 キーワードが入力される度にAPIを呼び出すと大変なので、一定時間(とりあえず1秒)操作が止まった時点...
Vue.js

Vue.js v-htmlディレクティブ

Vue.jsのお勉強。 マスタッシュ構文({{・・・}})では全てプレーンテキストとして扱われるため、HTMLとして表示したい場合には v-htmlディレクティブを使用します。 ※注意:XSS脆弱性のため、信頼できる情報のみに設定すること。...
Vue.js

Vue.js v-onceディレクティブ

Vue.jsのお勉強。 Vueによるレンダリングを「1度だけ」に限定するためには v−once ディレクティブを指定します。これによって、初回表示以降、JavaScript側で変数の値を変更しても初回表示の内容を維持し続けることが可能です。...
Vue.js

Vue.jsでマスタッシュ{{・・・}}を表示させない

Vue.jsのお勉強。 通常、何も指定しないでマスタッシュタグを表示すると、「{{・・・}}」が一瞬(Vueのインスタンスがコンパイルされるまで)表示されます。 これを回避するため、タグに「v-cloak」ディレクティブを指定し、CSSで ...
スポンサーリンク