VueJS入門講座(目次)

目次

1.基本

・なぜVueJSを使うのか。

・インストールと設定

・テンプレート、データ、ディレクティブ

・v-ifとv-show

・テンプレートのループ処理

バインディング

・リアクティブ

・二方向データバインディング

・HTMLを動的に設定する

・メソッド

・算出プロパティ

・ワッチャー

・フィルター

・refを使って直接要素にアクセスする

・入力とイベント

・ライフサイクルフック

・カスタムディレクティブ

・遷移とアニメーション

2.コンポーネント

コンポーネントの基本

・データ、メソッド、算出プロパティ

・データの受け渡し

・Slotsを使ってコンポーネントにコンテンツを渡す

・カスタムイベント

ミックスイン

・vue-loaderと.vueファイル

・非プロパティの属性

コンポーネントとv-for

3.スタイルシートの適用

・クラスバインディング

・インラインスタイルバインディング

・vue-loaderにおけるスコープCSS

・vue-loaderにおけるCSSモジュール

プリプロセッサ

4.vue-routerでフロントエンドの画面遷移

・インストール

・基本的に使い方

HTML5ヒストリーモード

・動的なルーティング

・ネストルーティング

・リダイレクトとエイリアス

・ナビゲーション

・ナビゲーションガード

・ルート順

・ルート名

5.Vuexで状態管理

・Vuexのインストール

・Vuexのコンセプト

・ステートとステートヘルパー

・ゲッター

・ミューテーション

・アクション

・プロミスとアクション

・モジュール

6.コンポーネントのテスト

・シンプルなコンポーネントのテスト

・vue-test-utils

・DOMの問い合わせ

・mount()オプション

・データのモックとスタブ

・イベントについて