深度探索Vue.js——原理剖析與實戰應用
張雲鵬
買這商品的人也買了...
相關主題
商品描述
目錄大綱
目錄
第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.1vhtml指令介紹
2.4.2vtext指令介紹
2.4.3vif條件渲染
2.4.4vshow條件渲染
2.4.5vfor列表渲染
2.4.6vmodel雙向綁定
2.4.7vonce一次性渲染
2.4.8vbind屬性綁定介紹
2.4.9von事件綁定介紹
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狀態管理的一些註意事項