Vue.jsポケットリファレンス

（概要）

※この商品は固定レイアウトで作成されており，タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また，文字列のハイライトや検索，辞書の参照，引用などの機能が使用できません。

※PDF版をご希望の方は Gihyo Digital Publishing ( https://gihyo.jp/mk/dp/ebook/2023/978-4-297-13480-8 )も合わせてご覧ください。

Vue.js は「プログレッシブフレームワーク」という概念に基づいて開発されたJavaScript フレームワークで、Web アプリケーションのユーザインターフェース（UI）構築を支援します。Web アプリケーション開発の現場ではこれまでもKnockout.js、React、Angular などさまざまなJavaScriptフレームワークが使われてきましたが、習得が容易なこと、高機能なこと、パフォーマンスの良さなどから、近年この「Vue.js」の人気が特に高まっています。


（こんな方におすすめ）

・Webプログラマー、Webデザイナー、Webアプリ開発者


（目次）

第1章 Vue.jsの基本

　1.1 Vue.jsとは

　1.2 シングルページアプリケーション

　1.3 リアクティブプログラミング

　1.4 プログレッシブフレームワーク

　1.5 仮想DOM

　1.6 jQueryとの比較

　1.7 Vue.jsが提供すること、しないこと

　1.8 動作環境

第2章 Vue.js 3を使ってみよう

　2.1 Vue.js3 とは

　2.2 Vue3で廃止された機能

　2.3 Vue2→Vue3

第3章 環境構築

　3.1 手っ取り早くVue.jsを試す

　3.2 WebアプリケーションにVue.jsを組み込む

　3.3 HTMLに直接Vue.jsを組み込む

　3.4 Vue-CLIで新規にWebアプリケーションを作成する

　3.5 Vue.jsデバッグツールを導入する

第4章 Vue.jsの基本的な使い方

　4.1 インスタンスを作成する

　4.2 インスタンスをマウントする

　4.3 データを使用し、htmlに描画する

　4.4 算出プロパティを使用して、リアクティブにデータを加工する

　4.5 メソッドを使用する

　4.6 データをリアクティブに扱いたい

　4.7 HTMLを動的に表示したい（テンプレート）

　4.8 算出プロパティで自動的に再計算する関数を作成したい

　4.9 算出プロパティとメソッドの違い

　4.10 算出プロパティと監視プロパティの違い

　4.11 算出プロパティへの代入

　4.12 値を動的に監視したい（watch）

　4.13 ウォッチャのプロパティ

　4.14 インスタンス内に処理を組み込みたい（method）

　4.15 ライフサイクルフック

第5章 コンポーネントの基本

　5.1 部品ごとにVueインスタンスを分けたい

　5.2 コンポーネントの登録

　5.3 グローバルコンポーネント

　5.4 ローカルコンポーネントのインポートと使用

　5.5 コンポーネントの親子関係

　5.6 親から子へデータを渡したい（props）

　5.7 子から親のイベントを発火したい（emit）

　5.8 親から子へテンプレートを差し込みたい（slot）

　5.9 親から渡された属性をまとめて受け取りたい（attrs）

第6章 リファレンス

　6.1 属性を動的に変更したい（v-bind）

　6.2 classとstyleの値を動的に変更する

　6.3 テンプレート内で条件分岐がしたい（v-if、v-show）

　6.4 配列要素のリストを表示したい（v-for）

　6.5 イベントハンドリングを実行したい（v-on）

　6.6 双方向でデータのやりとりがしたい（v-model）

　6.7 一度だけデータを展開したい（v-once）

　6.8 生のHTMLを描画したい（v-html）

　6.9 単純なテキストの描画したい（v-text）

　6.10 ちらつきを防止したい（v-cloak）

　6.11 コンパイルをスキップしたい（v-pre）

　6.12 効率よくDOMが追跡したい（key属性）

　6.13 DOMを