基礎からメモ: Vue.js
「基礎からメモ」と称して、本を読んで試したことをメモっていく。あくまで自分用なので、初心者でなければこんなこと知ってるよって中身、かつ書籍コードの丸写し感満載。ただ、自分なりにはちょっと分かりにくかったところは、試してみて少しは掘り下げるつもりですが、最初のうちはほぼ写経です(笑)。理解が深い人には用の無い記事。
とりあえずは Vue.js を学んでみる。元のテキストは「基礎から学ぶ Vue.js」
CHAPTER 1
- p38 テキストのバインディング
- p39 リストの表示
- p40 イベントと関連付ける
- p40-41 フォーム入力との同期
- p41 条件分岐
- p42 トランジション&アニメーション
CHAPTER 2
- p53 リアクティブなデータ
- p55 配列要素の表示
- p56 Mustache記法の注意点
- p58 v-bindの修飾子
- p59 データの更新
- p62 クラスとスタイルのデータバインディング
- p65 SVGデータのバインディング
- p67 テンプレートにおける条件分岐
- p70 リストデータの表示と更新
- p74 条件分岐を使ったリストの描画、フォームからリストへの要素の追加
- p77 リスト要素の削除、更新
- p82 その他繰り返しに関すること
- p83 外部データ(Json)の取得
- p85 DOMの直接参照
- p88 テンプレート制御ディレクティブ
CHAPTER 3
- p96 イベントハンドリング
- p99 イベント修飾子
- p103 キーハンドリング
- p105 フォーム入力バインディング
- p114 マウント要素外のイベントと操作
CHAPTER 4
- p120 算出プロパティの使い方
- p128 ウォッチャーの使い方
- p134 フィルタでテキストの変換処理
- p137 カスタムディレクティブでデータを監視しながらDOMを操作する
- p143 更新後のDOMにアクセスする
CHAPTER 5
- p146 コンポーネントとは
- p153 コンポーネント間の通信
- p159 親子間で受け取るデータのデータ型を指定する
- p161 子から親へのコンポーネント間通信
- p166 親から子のイベントやメソッドを使う
- p169 スロットを使ったコンポーネントのカスタマイズ
- p175 コンポーネントの双方向データバインディング
- p179 テンプレートの定義方法
- p184 その他の機能やオプション
CHAPTER 6
- p195 基本的なトランジションの使い方
- p198 単一要素トランジション
- p205 リストトランジション
- p210 SVGのトランジションとトランジションフック
CHAPTER 7
- p231 Vue CLIの導入
CHAPTER 8
- p252 Vuexの導入
- p264 コンポーネントでストアを使う
- p268 ヘルパーでコンポーネントとストアをバインドする
- p270 モジュールでストアを分割する
- p278 その他の機能やオプション
CHAPTER 9
- p284 Vue Router の導入と単純なSPA
- p295 URLパラメータ付きの動的ページ
- p302 ネストされた複雑なページ