修飾子 .lazy .number .trim Vue.jsのディレクティブv-modelについての記事です。 v-modelを使用すると双方向バインディング1が使用できる。 例はinputに登録してあるデータを表示し、編集するたびにデータが書き換えられるというものです。 リアルタイムで…

v-onディレクティブで使用できるキー修飾子についての記事です。 キー修飾子 特定のキーに対応してイベントを呼び出すことができる。 よく使われる9種類に関してはVue.js側でエイリアスを用意してくれている。 .enter .tab .delete .esc .space .up .down .l…

その1はこちら sotoogre.hatenablog.jp その2はこちら sotoogre.hatenablog.jp ディレクティブを学ぶ ディレクティブとは v-on v-onディレクティブでメソッドを使用する v-onイベントオブジェクトを使用する イベントオブジェクトでの引数 v-onの引数DOMイベ…

その1はこちら sotoogre.hatenablog.jp ディレクティブを学ぶ ディレクティブとは v-text v-once v-html v-htmlを使用する際の注意点 v-bind v-bindの省略記法 v-bindの属性を動的に表現する v-bindを使用してid属性を追加する 複数のv-bindをオブジェクトと…

テンプレート構文とは？ データを描画する データを描画するには二重中括弧を使用する。 二重中括弧内にはjavascriptの構文をそのまま記述できる 参考演算子も使用できる メソッド methodからdataにアクセスする コードまとめ テンプレート構文とは？ テンプ…

jp.vuejs.org Vue.jsのサイトに行き、トップページの「はじめる」をクリック。 そこにCDNの使用方法が記載されています。 私はvue.jsを始める際に、cdnを貼り付けたはいいがコードをどこにどう記述するのかがわからず、あらゆるサイトを見てもいきなりコード…