サンプルを動かしながら学習できる本格入門
いま学んでおきたいJavaScriptフレームワーク「Vue.js」のエッセンスを一冊に詰め込みました!豊富なサンプルコードで試しながら理解できます!Vue.js(ビュージェイエス)は、Webアプリのビュー(見た目)の部分に特化したシンプルなフレームワークです。既存のアプリに後乗せで導入したり、徐々に適用範囲を拡大したりすることが手軽に行えます。シンプルな分、他のフレームワークと比べて学習コストが低く、HTMLとJavaScriptが一通りわかる人ならコードを理解するのも簡単です。本書では、Vue.jsの中核である、ページを構成するUI部品「コンポーネント」をしっかりと解説し、さらには本格的なアプリ開発で必要となる要素までを網羅的に取り扱います。丁寧な解説でよくわかる、入門書の決定版です!
Chapter1 イントロダクション1-1 JavaScriptの歴史1-2 jQueryからJavaScriptフレームワークへ1-3 主なJavaScriptフレームワークとVue.jsChapter2 Vue.jsの基本2-1 Vue.jsを利用するための準備2-2 Vue.js理解のための3つの柱2-3 リアクティブデータChapter3 ディレクティブ3-1 イベント関連のディレクティブ3-2 フォーム関連のディレクティブ3-3 制御関連のディレクティブ3-4 データバインディング関連のディレクティブ3-5 より高度なイベント処理Chapter4 コンポーネント(基本)4-1 コンポーネントの基本4-2 コンポーネント間の通信4-3 コンポーネント配下のコンテンツをテンプレートに反映させる ~ スロットChapter5 コンポーネント(応用)5-1 動的コンポーネント5-2 v-modelによる双方向データバインディング5-3 アニメーション機能5-4 コンポーネントのその他の話題Chapter6 部品化技術6-1 ディレクティブの自作6-2 フィルターの自作6-3 プラグインの利用と自作6-4 ミックスインChapter7 Vue CLI7-1 Vue CLIの基本7-2 単一ファイルコンポーネント7-3 TypeScriptChapter8 ルーティング8-1 ルーティングとは?8-2 ルーティングの基本8-3 ルーター経由で情報を渡す手法8-4 マルチビュー、入れ子のビュー、ガードなどChapter9 Vuex9-1 Vuexとは?9-2 Vuexの基本9-3 Vuexストアを構成する要素9-4 巨大なストアを分割管理する ~ モジュールChapter10 テスト10-1 単体テスト10-2 E2EテストChapter11 応用アプリ11-1 アプリの構造を概観する11-2 アプリの共通機能を読み解く11-3 アプリの実装を理解する