vue.js

基本

• 簡単なVue.jsの利用

CDN

• Vueの基礎知識
• templeteタグ
• 演算プロパティ(computed)
• メソッド(methods)
• ウォッチャー(watch)
• computedとmethodsの違い
• ライフサイクルフック

ディレクティブ

• v-bind

:href :src :type :value

• v-bind:style
• v-bind:class
• v-html
• v-on

focus・blur・change・submit・click・dblclick・mousedown・mouseup・mouseover・mouseout・mouseenter・mouseleave・keyup・keydown・scroll・contextmenu

• v-model
• v-if
• v-for
• v-show
• v-once
• v-cloak

ディレクティブ(フォーム関連)

• ラジオボタン
• チェックボックス(単一)
• チェックボックス(複数)
• 選択ボックス
• ファイル入力

バインド修飾子

• number修飾子
• trim修飾子
• lazy修飾子

イベントハンドリング

• stop修飾子
• prevent修飾子
• capture修飾子
• once修飾子
• キー修飾子
• システム修飾子

コンポーネント

• データ渡し

親コンポーネント → 子コンポーネント

• データ渡し

子コンポーネント → 親コンポーネント

• データ渡し(簡素化)

Provide / Inject

• スロット

• アニメーション(単一)

transition

• アニメーション(複数)

transition-group

• ミックスイン