Vue3.0 クイック スタート チュートリアル

• 章1 Vue3-MVVMパターンとコンポーネントの開発
• 1-1 VUE3 Family Bucket の新しいバージョンについて知る
• 1-2 VUE 応答型開発とコンポーネントベース開発の 2 つのコア
• 1-3 VUE データの双方向バインディング
• 1-4 VUEイベントの操作
• 1-5 vue-cli スキャフォールディングを対話的にインストールするコマンド
• 1-6 VUE プロジェクトの実行とパッケージ化
• 1-7 マウント機能部品の実装原理
• 1-8 データ双方向バインディングと vue.config.js ファイル構成
• 1-9 VUE インスタンスのパラメーターと MVVM モード
• 1-10 VUEテンプレート補間操作
• 1-11 VUE テンプレート ディレクティブの使用
• 1-12 VUE 仮想 DOM と diff アルゴリズム
• 章2 Vue のテンプレート ディレクティブとイベント モニタリング
• 2-1 昨日のレッスンノート
• 2-2 v-bind ディレクティブは、要素属性の動的バインディングを実装します。
• 2-3 v-bindバインディングスタイル属性の詳細説明
• 2-4 v-bind はクラス属性をバインドして動的スタイルを実装します
• 2-5 VUE 計算済みプロパティは計算済みプロパティを処理します
• 2-6 VUEイベント監視
• 2-7 v-on イベント修飾子
• 2-8 VUEの条件分岐命令
• 2-9 VUE ループトラバーサル命令 v-for
• 2-10 v-model フォーム データの双方向バインディング - ショッピング カートの合計価格のリアルタイム計算
• 章3 Vue コンポーネントの通信と名前付きスロット
• 3-1 VUEコンポーネントの開発
• 3-2 VUEコンポーネントの作成と登録
• 3-3 VUE スコープの属性により、コンポーネント スタイルの独立性が実現されます。
• 3-4 VUE で lang=scss を使用する
• 3-5 親コンポーネントが子コンポーネントにデータを渡す
• 3-6 $emit により、子コンポーネントが親コンポーネントと通信できるようになります
• 3-7 スロットはコンポーネントの共通性を抽出してコンポーネントの拡張を実現します
• 3-8 名前付きスロットとスコープ付きスロットのアップグレード -- v-slot の使用
• 章4 コンポーネントのライフサイクルとElement-plusコンポーネントライブラリ
• 4-1 各コンポーネントのライフサイクルの責任
• 4-2 コンポーネントのライフサイクルフック関数のトリガー
• 4-3 コンポーネントのライフサイクル -- インスタンスの作成と破棄
• 4-4 Element-UI-ElementPlus コンポーネント ライブラリ ドキュメントの紹介
• 4-5 ElementPlus コンポーネントは main.js でグローバルに参照されます
• 4-6 ElementPlusタブコンポーネントの二次開発
• 4-7 Vue Router のインストールとアクティベーション
• 4-8 ページルートの作成
• 4-9 router-link コンポーネントはルーティング ナビゲーションを実装します。
• 4-10 グローバル変数 $route を使用してルート ジャンプを実装する
• 4-11 ルートジャンプ - パラメータの受け渡し
• 章5 Vue ルーティングのネスティングと Vuex 状態管理
• 5-1 ルーティングプロセスのソートを開始します
• 5-2 Vue はルーティングのオンデマンド読み込み (ルートの遅延読み込み) を実装します。
• 5-3 Vue-route のサブルーティング (ネストされたルーティング)
• 5-4 サブルーティングパラメータの受け渡し
• 5-5 ルートのリダイレクトとエイリアスの設定
• 5-6 VUEX 状態倉庫管理
• 5-7 VUEX ゲッターの計算プロパティの使用
• 5-8 Vuex 状態管理 -- Mutation の使用
• 5-9 Vuex 状態管理 -- アクションの非同期操作
• 5-10 Vuex モジュール -- 状態ウェアハウスのセグメンテーション