深度探索Vue.js——原理剖析與實戰套用

《深度探索Vue.js——原理剖析與實戰套用》是清華大學出版社出版的圖書。

基本介紹

• 中文名：深度探索Vue.js——原理剖析與實戰套用
• 作者：張雲鵬
• 出版時間：2023年3月1日
• 出版社：清華大學出版社
• ISBN：9787302610991
• 定價：189 元

內容簡介

本書系統的介紹了Vue框架基礎、框架套用、生態組成、項目實戰、框架演進、Vue原理剖析及Vue框架的原理實現。 全書共分為8章：第1章為行業發展介紹，第2章為Vue 2.x的開發基礎，第3章為Vue 2.x的組件開發，第4章為Vue CLI開發完全指南，第5章為Vue CLI項目實戰，第6章為Vite+Vue 3完全開發指南，第7章為Vue 3.x項目實戰，第8章為實現原理介紹。書中主要內容包括：Web前端發展史、Vue的誕生、Vue 2.x基礎指令、Vue 2.x常用API、Vue 2.x組件系統、Vue 2.x組件化實戰、Vue CLI腳手架搭建、Vue Router 3.x路由系統、Vuex 3.x狀態管理系統、Axios網路外掛程式、ElementUI框架、Vue 2.x綜合項目實戰、Vue 3.x基礎語法、Vue 3.x組合式API、Vue 3.x回響式API、Vite腳手架、Vue 3.x函式式編程、Vue Router 4.x路由系統

目錄

第1章Web前端技術架構及Vue框架

1.1Web前端技術架構發展歷程

1.2Vue等新框架的誕生

1.2.1Webpack介紹

1.2.2Vue框架介紹

1.3Vue與主流前端框架的對比

第2章Vue 2.x開發基礎

2.1Vue是什麼

2.2環境搭建和Hello World

2.3Vue的插值表達式

2.4Vue的常用指令介紹

2.4.1vhtml指令介紹

2.4.2vtext指令介紹

2.4.3vif條件渲染

2.4.4vshow條件渲染

2.4.5vfor列表渲染

2.4.6vmodel雙向綁定

2.4.7vonce一次性渲染

2.4.8vbind屬性綁定介紹

2.4.9von事件綁定介紹

2.4.10style綁定介紹

2.4.11class綁定介紹

2.4.12其他常用指令介紹

2.5Vue的常用選項介紹

2.5.1data選項介紹

2.5.2計算屬性介紹

2.5.3watch監聽介紹

2.6Vue的生命周期介紹

2.6.1生命周期圖解

2.6.2生命周期鉤子函式詳細講解

第3章Vue 2.x組件開發

3.1Vue組件定義方案

3.1.1自定義組件介紹

3.1.2組件的屬性介紹

3.1.3組件的事件綁定介紹

3.1.4組件屬性的雙向綁定

3.1.5組件屬性的多重雙向綁定

3.1.6實現一個自定義confirm組件

3.2Vue的插槽介紹

3.3Vue的動態組件介紹

3.4Vue的組件快取

3.5Vue的組件過渡

3.6其他高級API的介紹

第4章Vue CLI開發完全指南

4.1什麼是腳手架

4.2Vue CLI的入門指南

4.2.1使用Vue CLI初始化項目

4.2.2腳手架項目結構介紹

4.2.3生產環境和開發環境的介紹

4.3Vue CLI的項目開發實戰

4.3.1從0開始開發一個後台管理系統

4.3.2通過動態組件學習視圖切換的概念

4.4認識路由框架Vue Router

4.5路由的深入研究

4.5.1路由的常用跳轉方式

4.5.2多級路由的實現

4.5.3路由快取的實現

4.6結合路由系統的項目開發

4.6.1重構項目的登錄頁面

4.6.2重構項目的首頁並實現模擬登錄

4.6.3實現多級路由和快取功能

4.6.4導航守衛的介紹

4.7UI框架的引入

4.7.1什麼是UI框架及常用的UI框架介紹

4.7.2ElementUI的介紹及如何結合Vue CLI使用

4.8通過ElementUI重構項目

4.8.1改造登錄頁面

4.8.2改造首頁結構

4.8.3導航選單的實現

4.8.4退出登錄功能的實現

4.9Axios網路通信框架

4.9.1前後分離架構介紹

4.9.2Axios簡介及項目中的使用

4.9.3什麼是接口及服務接口的部署方式

4.9.4在Vue項目中引入Axios框架

4.9.5通過真正的網路接口實現登錄功能

4.10什麼是狀態管理

4.10.1Vue實現狀態管理的方式

4.10.2Vuex的介紹

第5章Vue CLI項目從0開始實戰

5.1項目搭建

5.2全局狀態配置

5.2.1整合Vuex框架

5.2.2動態載入選單

5.2.3實現Tabs標籤頁和二級路由頁面

5.2.4通過Vuex實現Tab標籤頁和選單的狀態聯動

5.3完成用戶管理模組的開發

5.3.1用戶列表和模糊查詢

5.3.2列表的分頁查詢

5.3.3新增用戶信息

5.3.4編輯用戶信息

5.3.5刪除用戶信息

5.4完成角色管理模組的開發

5.5完成選單管理模組的開發

5.6完成商品模組的開發

第6章Vite+Vue 3.x完全開發指南

6.1Vue 3.x入門

6.2Vite介紹

6.2.1什麼是Vite

6.2.2使用Vite初始化Vue 3項目

6.2.3項目結構介紹

6.3組合式API與回響式API

6.3.1setup()函式介紹

6.3.2reactive()+ref()系列介紹

6.3.3computed()函式式用法

6.3.4watch()函式式用法

6.3.5setup()函式與生命周期的關係

6.4Vue 3的函式式編程

6.4.1script setup介紹

6.4.2單檔案組件樣式特性

6.5Vue 3自定義組件開發介紹

6.5.1Vue 3的函式式自定義組件介紹

6.5.2頂層await和異步組件的介紹

6.5.3其他組件開發API介紹

第7章Vue 3.x項目實戰

7.1Vue 3.x與Vue Router 4.x的整合

7.1.1Vue Router 3.x與Vue Router 4.x的區別

7.1.2Vue Router與Vue的整合案例

7.2Vuex 3.x與Vuex 4.x的整合

7.2.1Vuex 3.x與Vuex 4.x的區別

7.2.2Vuex與Vue整合案例

7.3Pinia狀態管理模組新的選擇

7.3.1Pinia簡介

7.3.2Pinia與Vue整合案例

7.4Vue 3.x與ElementPlus的整合

7.4.1ElementPlus介紹

7.4.2ElementPlus與Vue整合案例

7.5從0開始構建Vite+Vue 3.x+Vue Router 4.x+Pinia項目

7.5.1初始化Vite項目

7.5.2整合路由做頁面劃分

7.5.3整合UI框架ElementPlus

7.5.4集成狀態管理框架和HTTP請求框架

7.5.5實現純函式式的業務開發

第8章原理篇

8.1Vue 2.x的數據回響式原理

8.1.1Object.defineProperty()的介紹

8.1.2使用Object.defineProperty()模擬Vue的數據回響式系統

8.1.3仿真小型的Vue 2.x

8.2Vue 3.x的數據回響式原理

8.2.1Proxy代理對象的介紹

8.2.2仿真小型的Vue 3.x

8.3虛擬DOM介紹

8.3.1真實DOM介紹

8.3.2虛擬DOM和真實DOM的對比

8.3.3虛擬DOM原理與DIFF和PATCH的實現

8.4路由和狀態管理

8.4.1Vue Router的原理

8.4.2徒手封裝Vue Router

8.4.3Vuex狀態管理的一些注意事項