目次 目次 はじめに 基本的な書き方 親要素に指定できるプロパティ flex-direction ・・・ 子要素の並ぶ順番 flex-wrap ・・・ 子要素の折り返し flex-flow ・・・ flex-directionとflex-wrapをまとめて指定 justify-content ・・・ 水平方向の揃え位置 alig…

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にアクセスする コードまとめ テンプレート構文とは？ テンプ…

javascriptに使われる「?」についての記事です。 条件演算子(三項演算子) 条件によって処理を分けることができる演算子。 書式は以下の通り。 条件式 ? 式1 : 式2 式がtrueの場合は式1を評価して返し、falseの場合は式2を評価して返します。 Js var num = tr…

javascriptに使われる「!」について。 jQueryを超簡単に扱える程度なのですが、Vue.jsの学習をしていたところshow = !showという表記が出てきてハテナ状態になってしまったので「!」についての記事です。 「!」は論理演算子と呼ばれるもののひとつのようです…

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