2019-09-01から1ヶ月間の記事一覧
v-onディレクティブを使って、ボタンクリックでデータを更新するサンプル。
v-bindディレクティブで使える修飾子
Mustache記法を使う際の注意点をいくつか。
Vueインスタンスのdataに、配列を使用した例。
Vue.js のキモはリアクティブデータ Vueインスタンスのdataには、文字列、配列、オブジェクトなどを登録できる。
組み込みコンポーネントの<transition>を使えば、CSSトランジションやアニメーションを簡単に適用できる。</transition>
表示内容をテンプレートベースで分岐させるには、v-ifディレクティブを使う。
フォーム入力とVueインスタンスを関連付けるには、v-modelディレクティブを使う。
ボタンクリックなどのHTMLのイベントと、Vueインスタンスを関連付ける。
配列リストをv-forで繰り返し表示する。
とりあえずテキストのバインディングから
「基礎からメモ」と称して、本を読んで試したことをメモっていく。あくまで自分用なので、初心者でなければこんなこと知ってるよって中身、かつ書籍コードの丸写し感満載。ただ、自分なりにはちょっと分かりにくかったところは、試してみて少しは掘り下げる…