VUE3 Family Bucket の新しいバージョンについて知る

VUE 応答型開発とコンポーネントベース開発の 2 つのコア

VUE データの双方向バインディング

VUEイベントの操作

vue-cli スキャフォールディングを対話的にインストールするコマンド

VUE プロジェクトの実行とパッケージ化

マウント機能部品の実装原理

データ双方向バインディングと vue.config.js ファイル構成

VUE インスタンスのパラメーターと MVVM モード

VUEテンプレート補間操作

VUE テンプレート ディレクティブの使用

VUE 仮想 DOM と diff アルゴリズム

昨日のレッスンノート

v-bind ディレクティブは、要素属性の動的バインディングを実装します。

v-bindバインディングスタイル属性の詳細説明

v-bind はクラス属性をバインドして動的スタイルを実装します

VUE 計算済みプロパティは計算済みプロパティを処理します

VUEイベント監視

v-on イベント修飾子

VUEの条件分岐命令

VUE ループトラバーサル命令 v-for

v-model フォーム データの双方向バインディング - ショッピング カートの合計価格のリアルタイム計算

VUEコンポーネントの開発

VUEコンポーネントの作成と登録

VUE スコープの属性により、コンポーネント スタイルの独立性が実現されます。

VUE で lang=scss を使用する

親コンポーネントが子コンポーネントにデータを渡す

$emit により、子コンポーネントが親コンポーネントと通信できるようになります

スロットはコンポーネントの共通性を抽出してコンポーネントの拡張を実現します

名前付きスロットとスコープ付きスロットのアップグレード -- v-slot の使用

各コンポーネントのライフサイクルの責任

コンポーネントのライフサイクルフック関数のトリガー

コンポーネントのライフサイクル -- インスタンスの作成と破棄

Element-UI-ElementPlus コンポーネント ライブラリ ドキュメントの紹介

ElementPlus コンポーネントは main.js でグローバルに参照されます

ElementPlusタブコンポーネントの二次開発

Vue Router のインストールとアクティベーション

ページルートの作成

router-link コンポーネントはルーティング ナビゲーションを実装します。

グローバル変数 $route を使用してルート ジャンプを実装する

ルートジャンプ - パラメータの受け渡し

ルーティングプロセスのソートを開始します

Vue はルーティングのオンデマンド読み込み (ルートの遅延読み込み) を実装します。

Vue-route のサブルーティング (ネストされたルーティング)

サブルーティングパラメータの受け渡し

ルートのリダイレクトとエイリアスの設定

VUEX 状態倉庫管理

VUEX ゲッターの計算プロパティの使用

Vuex 状態管理 -- Mutation の使用

Vuex 状態管理 -- アクションの非同期操作

Vuex モジュール -- 状態ウェアハウスのセグメンテーション