Vue.js 企業開發實戰
內容描述
Vue.js是一套用於構建用戶界面的漸進式JavaScript框架,本書主要概述Vue.js的基礎語法和在實際項目開發中的運用細節,遵循了Vue.js自底向上逐層設計的規範。讀者既可以在一個頁面中單獨使用,也可以將整個項目構建成單頁面(SPA)應用。 本書共13章,分為三篇。基礎知識篇(第1~5章)介紹Vue.js的內置指令、Vue.js實例對象中的核心選項屬性,以及如何構建單頁面應用;核心技術篇(第6~10章)重點講解Vue.js相關的重要插件的使用,在SPA應用中的路由管理、狀態管理、異步請求等技術的實現細節;項目實戰篇(第11~13章)結合基於Vue.js的主流UI組件庫,實現了以Vue.js框架為主要技術棧的WebApp項目案例,便於讀者快速掌握Vue.js框架在實戰中的應用。本書配套案例講解視頻,幫助讀者更好地理解書中的內容。 本書內容全面,講解細致,示例豐富,適用於尚未接觸過MVVM類前端框架,或者初步接觸Vue.js,以及實際應用Vue.js開發項目的開發者閱讀。
目錄大綱
基礎知識篇
第1章Vue基礎入門(20min)
1.1Vue概述
1.1.1MVC到MVVM的演化歷程
1.1.2Vue簡介
1.1.3虛擬DOM與Diff算法
1.2Vue的安裝與使用
1.2.1直接使用script引入
1.2.2使用NPM方式
1.2.3使用命令行工具
1.2.4創建一個Vue實例
1.3Vue模板語法
1.3.1插值
1.3.2指令
1.3.3縮寫
第2章Vue內置指令(127min)
2.1基本指令
2.1.1vtext與vhtml
2.1.2vbind
2.1.3vonce
2.1.4vcloak
2.1.5vpre
2.2條件渲染
2.2.1vshow
2.2.2vif與velseif
2.2.3velse
2.2.4在template元素上使用vif條件渲染分組
2.2.5用key管理可複用的元素
2.3列表渲染
2.3.1遍曆元素
2.3.2維護狀態
2.3.3數組更新檢測
2.3.4對像變更檢測注意事項
2.3.5在template上使用vfor
2.3.6vfor與vif一同使用
2.4事件處理
2.4.1監聽事件
2.4.2事件處理方法
2.4.3事件修飾符
2.4.4按鍵修飾符
2.4.5系統修飾鍵
2.4.6為什麼在HTML中監聽事件
2.5表單輸入綁定
2.5.1雙向綁定
2.5.2vmodel基本用法
2.5.3修飾符
2.6class與style樣式綁定
2.6.1HTML樣式綁定
2.6.2內聯樣式綁定
第3章Vue實例核心選項(66min)
3.1數據選項
3.1.1data選項
3.1.2props選項
3.1.3computed選項
3.1.4methods選項
3.1.5watch選項
3.2DOM渲染選項
3.2.1el選項
3.2.2template選項
3.2.3render選項
3.3生命週期鉤子
3.3.1create初始化
3.3.2mount組件掛載
3.3.3update組件更新
3.3.4destroy組件銷毀
3.4資源選項
3.4.1directives選項
3.4.2filters選項
第4章Vue工程化項目(42min)
4.1使用Webpack構建Vue項目
4.1.1什麼是Webpack
4.1.2Webpack中配置Vue開發環境
4.1.3Webpack配置本地服務器
4.2Vue CLI腳手架工具
4.2.1腳手架安裝
4.2.2使用腳手架創建Vue項目
4.2.3項目結構與文件描述
第5章深入了解Vue組件(35min)
5.1什麼是組件化開發
5.2Vue自定義組件
5.2.1組件的封裝
5.2.2自定義組件上的屬性
5.2.3自定義組件上的事件
5.3組件屬性校驗
5.4組件通信
5.4.1父組件向子組件通信
5.4.2子組件向父組件通信
5.5插槽
5.5.1什麼是插槽
5.5.2具名插槽
5.5.3作用域插槽
核心技術篇
第6章Vue Router路由(33min)
6.1路由基礎
6.1.1什麼是路由
6.1.2在Vue中使用路由
6.1.3動態路由
6.1.4嵌套模式路由
6.1.5編程式導航
6.2路由的相關配置
6.2.1命名路由
6.2.2命名視圖
6.2.3重定向
6.3路由的模式
6.4導航守衛
6.4.1全局守衛
6.4.2路由獨享守衛
6.4.3組件內守衛
第7章Vuex狀態管理(33min)
7.1Vuex簡介
7.1.1什麼是Vuex
7.1.2Vuex的安裝與使用
7.2Vuex核心概念
7.2.1Vuex的工作流程
7.2.2Vuex對象核心成員
7.2.3Vuex規範目錄結構
第8章Vue的異步請求(35min)
8.1axios的安裝與使用
8.1.1安裝axios
8.1.2axios基本用法
8.2axios實例
8.3axios並發請求
8.4axios攔截器
8.5axios錯誤處理
8.6axios取消請求處理
第9章服務器端渲染
9.1服務器端渲染簡介
9.1.1什麼是服務器端渲染(SSR)
9.1.2為什麼要使用服務器端渲染
9.2服務器端渲染的基本用法
9.2.1安裝與使用
9.2.2與服務器集成
9.3Nuxt. js框架
9.3.1Nuxt. js簡介
9.3.2Nuxt. js的項目搭建
9.3.3目錄結構
第10章Vue 3新特性詳講
10.1為什麼要用Vue 3
10.1.1Vue 2對複雜功能的處理不友好
10.1.2Vue 2中mixin存在缺陷
10.1.3Vue 2對TypeScript的支持有限
10.2Vue 3簡介
10.3Vue 3項目搭建
10.3.1Vue CLI腳手架簡介
10.3.2安裝Vue CLI
10.3.3創建Vue 3項目
10.4Vue 3項目的目錄結構
10.5Composition API 詳講
10.5.1setup()函數
10.5.2reactive()函數
10.5.3ref()函數
10.5.4computed()計算屬性
10.5.5Vue 3中的響應式對象
10.5.6生命週期的改變
10.5.7watch()偵測變化
10.5.8Vue 3更好地支持TypeScript
10.5.9Teleport傳送門
10.5.10Suspense異步請求
10.5.11全局API修改
項目實戰篇
第11章實戰——Vue 2仿“京東商城”App
11.1項目概述
11.1.1開發環境
11.1.2項目結構
11.2入口文件
11.2.1項目入口頁面
11.2.2程序入口文件
11.2.3組件入口文件
11.3項目組件
11.3.1底部導航組件
11.3.2商城首頁
11.3.3搜索頁面
11.3.4分類導航頁面
11.3.5商品列表頁面
11.3.6購物車頁面
第12章實戰——Vue 2仿“餓了麼”App
12.1項目概述
12.1.1開發環境
12.1.2項目結構
12.2入口文件
12.2.1項目入口頁面
12.2.2程序入口文件
12.2.3組件入口文件
12.3項目組件
12.3.1頭部組件
12.3.2商品標籤欄與側邊導航組件
12.3.3購物車組件
12.3.4商品列表組件
12.3.5商家公告組件
12.3.6評論內容組件
12.3.7商家信息組件
第13章實戰——Vue 3仿“今日頭條”App
13.1項目概述
13.1.1開發環境
13.1.2項目結構
13.2入口文件
13.2.1項目入口頁面
13.2.2程序入口文件
13.2.3組件入口文件
13.2.4路由文件
13.3項目組件
13.3.1公共組件
13.3.2首頁導航欄
13.3.3首頁新聞列表
13.3.4新聞詳情頁
13.3.5私信留言頁
13.3.6新聞搜索頁面
本書源代碼
作者介紹
清華大學出版社技術編審委員會委員,連續三年獲得微軟全球z有價值專家,參與編寫的書籍有:《Visual C++ 2010開發權威指南》《Windows 8權威指南》 《Windows CE 7開發實戰詳解》 《微軟雲計算》 《Windows Azure開發與部署權威指南》 《Visual C++ 2012開發權威指南》 《Java語言程序設計》 《Java Web開發實戰》 《Python快樂編程基礎入門》 《Python快樂編程網絡爬蟲》 《C語言程序設計》 《Python快樂編程Web開發》 《Python快樂編程人工智能》等