カテゴリー: Vue

ユーザーに注意を促したり、画面変化を分かりやすくするための仕組みがVueには備わっている。 transition See the Pen transition by git-cat-meow (@git-cat-meow […]

業務でvueを使いそうになる雰囲気が出始めたので、学習が途中だったところを含めて復習しておく。 v-onディレクティブはイベントハンドリングが簡単に使える仕組み。addEventListenerでやっていたイベント処理を […]

Vueも少し慣れてきたので、実際に作りたいものに向けて作業を進めてみる。 基本機能 商品リストが一覧できる 一覧したデータにチェックボタンがあり、チェックできる チェックの状態を任意のタイミングでブラウザのローカル領域に […]

Javascriptで調べ物をすると、表記方法がまちまちで戸惑うことが多いので整理しておく。 アロー関数 See the Pen アロー構文　テスト by git-cat-meow (@git-cat-meow) on […]

Vue.jsを使って、json形式のデータを読み込んでみる。 基本動作テスト See the Pen Axios 動作テスト by git-cat-meow (@git-cat-meow) on CodePen. 参考サ […]

localStorageにVueからデータを書き込んでみる。公式のチュートリアルを参照。 マウントと監視 See the Pen localStorage test by git-cat-meow (@git-cat-m […]

Vueで作りたいものができたので、仕様と必要になりそうな技術を整理しておく。 作りたいもの チェックリストが複数ある チェックリストはユーザが自由に追加できない（こちらが提供するもののみ） チェック状態を保存する 再読込 […]

codepenで開発している際に、マスタッシュが一瞬出てくるのが気になっていた。対処法もちゃんと用意されていたので、試してみる。 v-cloakディレクティブ cloak: クローク。マント？覆い隠すという意味だろうか。 […]

だいぶVueについてわかってきたので、ひとつ作ってみた。 用途 セレクトボックスで選択した値によって、表示内容を切り替えるプログラム。 セレクトされた値に応じて警告、あるいは入力項目が変わるなどの場合に使う。 実装 v- […]

リンク先のURL（href属性）などを制御したいときは、v-bindディレクティブを使う。ちなみにディレクティブとは、v-で始まる特別な属性のこと。 活用方法としては、下記のようなものが挙げられる。 See the Pe […]

クラスとインスタンス Vueの基本はクラスとインスタンス。Pythonのプログラムでもやったように、まずはVueクラスをインスタンス化する。 オプション インスタンスを作って設定していくのがオプション。 elオプションは […]

書籍を購入したので、写経を進めていく。 Vue.jsを使った、ボタンのクリック回数表示プログラム See the Pen button click & count by git-cat-meow (@git-ca […]