Vue2.0+Vue3.0 のビデオ チュートリアルのフルセット

コース紹介

Vue の概要

Vue公式サイトのユーザーガイド

Vue開発環境を構築する

こんにちは小さなケース

Hello ケースを分析する

テンプレートの構文

データバインディング

elとdataの2つの書き方

MVVM を理解する

オブジェクトの定義プロパティ

データブローカーを理解する

Vue のデータ プロキシ

イベント処理

イベント修飾子

キーボードイベント

イベント概要

名入れ

計算されたプロパティ

計算されたプロパティの略語

気象事例

モニターのプロパティ

徹底した監視

監視の略語

時計と計算

バインドクラススタイル

バインドスタイルスタイル

条件付きレンダリング

リストのレンダリング

主な機能と原理

リストフィルター

リストの並べ替え

アップデート時の問題

Vue 監視の原理 data_object

Vue.set() メソッド

Vue の data_array 監視の原理

Vue 監視データの要約

フォームデータを収集する

フィルター

v-text ディレクティブ

v-html ディレクティブ

v-cloak ディレクティブ

v-once ディレクティブ

v-pre ディレクティブ

カスタム命令_機能

カスタムの命令オブジェクト タイプ

カスタム手順_概要

リードのライフサイクル

ライフサイクル_マウントプロセス

ライフサイクル_更新プロセス

ライフサイクル_破壊プロセス

ライフサイクル_概要

コンポーネントの理解

単一ではないファイルコンポーネント

コンポーネントに関するいくつかの注意点

コンポーネントのネスト

VueComponent コンストラクター

Vue インスタンスとコンポーネント インスタンス

組み込まれた重要な関係

単一ファイルコンポーネント

Vue のスキャフォールディングを作成する

足場構造の解析

レンダリング関数

デフォルト設定を変更する

参照属性

小道具の構成

mixin混入

プラグイン

範囲指定されたスタイル

TodoList case_static

TodoList case_initialization リスト

TodoList case_add

TodoList case_check

TodoList case_delete

TodoList case_bottom 統計

TodoList case_bottom インタラクション

TodoList 事例_概要

ブラウザのローカルストレージ

TodoList_ローカルストレージ

コンポーネントのカスタムevent_binding

コンポーネントのカスタムevent_unbinding

コンポーネントカスタムイベント_概要

TodoList ケース_カスタム イベント

グローバルイベントバス1

グローバルイベントバス2

TodoList case_event バス

メッセージのサブスクリプションと Publishing_pubsub

TodoList case_pubsub

TodoList case_edit

$nextTick

アニメーション効果

過剰な効果

過剰な要素

サードパーティのアニメーションを統合する

概要の遷移とアニメーション

プロキシの構成_方法 1

プロキシの構成_方法 2

github case_static コンポーネント

github case_list の表示

github case_perfect ケース

vueリソース

デフォルトのスロット

名前付きスロット

スコープスロット

Vuex の概要

case_pure vue バージョンの合計

Vuex の動作原理図

Vuex環境を構築する

case_vuex バージョンの合計

vuex 開発者ツールの使用

ゲッター設定項目

MapState と MapGetter

マップアクションとマップミューテーション

複数のコンポーネント間でのデータの共有

vuex モジュラー + 名前空間_1

vuex モジュール性 + 名前空間_2

ルーティングの概要

ルーティングの基本的な使い方

いくつかの注意点

ネストされたルーティング

ルートクエリパラメータ

名前付きルート

ルートパラメータパラメータ

ルーティング小道具の構成

ルーターリンクの属性を置き換えます

プログラムによるルートナビゲーション

キャッシュルーティングコンポーネント

2 つの新しいライフサイクル フック

グローバル プレフィックス ルーティング ガード

グローバルポスト_ルートガード

専用ルートガード

コンポーネント内のルートガード

ヒストリーモードとハッシュモード

element-ui の基本的な使用法

element-ui はオンデマンドで導入されます

vue3 の概要

vue-cliを使用してプロジェクトを作成する

viteを使ってプロジェクトを作成する

工学構造を分析する

開発者ツールをインストールする

セットアップについての最初の知識

ref function_processの基本型

ref function_process オブジェクト タイプ

反応機能

Vue2 の応答性の原則を確認する

Vue3 応答原理_プロキシ

Vue3 応答原理_Reflect

リアクティブとリファレンス

セットアップ時の2つの注意点

計算された計算されたプロパティ

watch は ref で定義されたデータを監視します

watch は、reactive で定義されたデータを監視します

監視中の値の問題

watchEffect関数

Vue3のライフサイクル

カスタムフック

toRef と toRefs

浅いリアクティブと浅いRef

readonlyとshallowReadonly

toRaw と markRaw

カスタム参照

提供して注入する

レスポンシブデータの判定

CombopositionAPIの利点

フラグメントコンポーネント

テレポートコンポーネント

サスペンス要素

Vue3 のその他の変更点