Vue.js 3.x前端開發技術(微課版)

目錄

模塊1初識Vue 3

1.1什麽是Vue

1.2Vue的發展簡史

1.3Vue的工作原理

1.4Vue的應用場景

1.5Vue與React的比較

1.6Web框架的發展趨勢

練習題

模塊2搭建Vue 3的開發環境

2.1安裝Node.js

2.2安裝Visual Studio Code編輯器

2.3安裝Vue Devtools插件

練習題

模塊3構建Vue 3項目

3.1如何使用Vue 3

3.2構建Vue 3項目的方法

3.3Vue 3項目的目錄結構

3.4第一個Vue 3的應用

3.5Vue 3編程風格

練習題

模塊4變量和方法

4.1Vue 3中的變量與常量

4.2箭頭函數

4.3Vue 3中的方法

4.4綜合案例

練習題

模塊5響應式數據

5.1什麽是響應式數據

5.2使用ref()函數定義響應式數據

5.3使用reactive()函數定義響應式數據

5.4使用toRefs()函數解構響應式對象

練習題

模塊6模板語法

6.1文本插值與表達式

6.2內容渲染

6.3數據雙向綁定

6.4屬性綁定

6.5事件綁定

6.6條件渲染

6.7列表渲染

練習題

模塊7狀態監聽

7.1watch()函數

7.2watchEffect()函數

7.3watch()函數與watchEffect()函數的對比

7.4狀態監聽應用案例

練習題

模塊8計算屬性

8.1計算屬性的定義

8.2計算屬性的特點

8.3計算屬性的應用

8.4計算屬性和函數的區別

8.5計算屬性應用案例

練習題

模塊9組件

9.1組件的定義

9.2註冊組件

9.3組件化開發

9.4組件之間的數據交互

9.5組件切換

練習題

模塊10插槽

10.1插槽定義

10.2默認插槽

10.3具名插槽

10.4作用域插槽

練習題

模塊11生命周期

11.1什麽是生命周期

11.2生命周期鉤子

11.3生命周期鉤子的應用

練習題

模塊12動畫和過渡

12.1基於class的動畫和過渡

12.2基於style的動畫和過渡

12.3基於transition組件的動畫和過渡

12.3.1過渡簡介

12.3.2過渡class類和JavaScript鉤子

12.3.3單元素過渡

12.3.4多元素過渡

12.3.5多組件過渡

12.3.6列表過渡

12.3.7集成第三方效果

練習題

模塊13路由

13.1路由概述

13.2Vue Router的基本應用

13.3路由懶加載

13.4嵌套路由

13.5動態路由

13.6命名路由

13.7命名視圖

13.8編程式導航

13.9導航守衛

13.10路由元信息

練習題

模塊14狀態管理

14.1什麽是pinia

14.2pinia的核心概念

14.3pinia的基本應用

14.4本地存儲

14.5狀態持久化

練習題

模塊15網絡請求

15.1什麽是Axios

15.2安裝Axios

15.3安裝JSONServer

15.4Axios基礎用法

15.5並發請求

15.6Axios攔截器

15.7QS庫

15.8同源策略與數據請求

練習題

模塊16項目實戰

16.1項目描述

16.2項目分析

16.3項目實施

附錄1+X專題