Vue.js企業(yè)開發(fā)實戰(zhàn)

基礎(chǔ)知識篇
第1章Vue基礎(chǔ)入門（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創(chuàng)建一個Vue實例
1.3Vue模板語法
1.3.1插值
1.3.2指令
1.3.3縮寫
第2章Vue內(nèi)置指令（127min）
2.1基本指令
2.1.1vtext與vhtml
2.1.2vbind
2.1.3vonce
2.1.4vcloak
2.1.5vpre
2.2條件渲染
2.2.1vshow
2.2.2vif與velseif
2.2.3velse
2.2.4在template元素上使用vif條件渲染分組
2.2.5用key管理可復(fù)用的元素
2.3列表渲染
2.3.1遍歷元素
2.3.2維護狀態(tài)
2.3.3數(shù)組更新檢測
2.3.4對象變更檢測注意事項
2.3.5在template上使用vfor
2.3.6vfor與vif一同使用
2.4事件處理
2.4.1監(jiān)聽事件
2.4.2事件處理方法
2.4.3事件修飾符
2.4.4按鍵修飾符
2.4.5系統(tǒng)修飾鍵
2.4.6為什么在HTML中監(jiān)聽事件
2.5表單輸入綁定
2.5.1雙向綁定
2.5.2vmodel基本用法
2.5.3修飾符
2.6class與style樣式綁定
2.6.1HTML樣式綁定
2.6.2內(nèi)聯(lián)樣式綁定
第3章Vue實例核心選項（66min）
3.1數(shù)據(jù)選項
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構(gòu)建Vue項目
4.1.1什么是Webpack
4.1.2Webpack中配置Vue開發(fā)環(huán)境
4.1.3Webpack配置本地服務(wù)器
4.2Vue CLI腳手架工具
4.2.1腳手架安裝
4.2.2使用腳手架創(chuàng)建Vue項目
4.2.3項目結(jié)構(gòu)與文件描述
第5章深入了解Vue組件（35min）
5.1什么是組件化開發(fā)
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作用域插槽
核心技術(shù)篇
第6章Vue Router路由（33min）
6.1路由基礎(chǔ)
6.1.1什么是路由
6.1.2在Vue中使用路由
6.1.3動態(tài)路由
6.1.4嵌套模式路由
6.1.5編程式導(dǎo)航
6.2路由的相關(guān)配置
6.2.1命名路由
6.2.2命名視圖
6.2.3重定向
6.3路由的模式
6.4導(dǎo)航守衛(wèi)
6.4.1全局守衛(wèi)
6.4.2路由獨享守衛(wèi)
6.4.3組件內(nèi)守衛(wèi)
第7章Vuex狀態(tài)管理（33min）
7.1Vuex簡介
7.1.1什么是Vuex
7.1.2Vuex的安裝與使用
7.2Vuex核心概念
7.2.1Vuex的工作流程
7.2.2Vuex對象核心成員
7.2.3Vuex規(guī)范目錄結(jié)構(gòu)
第8章Vue的異步請求（35min）
8.1axios的安裝與使用
8.1.1安裝axios
8.1.2axios基本用法
8.2axios實例
8.3axios并發(fā)請求
8.4axios攔截器
8.5axios錯誤處理
8.6axios取消請求處理
第9章服務(wù)器端渲染
9.1服務(wù)器端渲染簡介
9.1.1什么是服務(wù)器端渲染(SSR)
9.1.2為什么要使用服務(wù)器端渲染
9.2服務(wù)器端渲染的基本用法
9.2.1安裝與使用
9.2.2與服務(wù)器集成
9.3Nuxt.js框架
9.3.1Nuxt.js簡介
9.3.2Nuxt.js的項目搭建
9.3.3目錄結(jié)構(gòu)
第10章Vue 3新特性詳講
10.1為什么要用Vue 3
10.1.1Vue 2對復(fù)雜功能的處理不友好
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創(chuàng)建Vue 3項目
10.4Vue 3項目的目錄結(jié)構(gòu)
10.5Composition API 詳講
10.5.1setup（）函數(shù)
10.5.2reactive（）函數(shù)
10.5.3ref（）函數(shù)
10.5.4computed（）計算屬性
10.5.5Vue 3中的響應(yīng)式對象
10.5.6生命周期的改變
10.5.7watch（）偵測變化
10.5.8Vue 3更好地支持TypeScript
10.5.9Teleport傳送門
10.5.10Suspense異步請求
10.5.11全局API修改
項目實戰(zhàn)篇
第11章實戰(zhàn)——Vue 2仿“商城”App
11.1項目概述
11.1.1開發(fā)環(huán)境
11.1.2項目結(jié)構(gòu)
11.2入口文件
11.2.1項目入口頁面
11.2.2程序入口文件
11.2.3組件入口文件
11.3項目組件
11.3.1底部導(dǎo)航組件
11.3.2商城首頁
11.3.3搜索頁面
11.3.4分類導(dǎo)航頁面
11.3.5商品列表頁面
11.3.6購物車頁面
第12章實戰(zhàn)——Vue 2仿“餓了么”App
12.1項目概述
12.1.1開發(fā)環(huán)境
12.1.2項目結(jié)構(gòu)
12.2入口文件
12.2.1項目入口頁面
12.2.2程序入口文件
12.2.3組件入口文件
12.3項目組件
12.3.1頭部組件
12.3.2商品標(biāo)簽欄與側(cè)邊導(dǎo)航組件
12.3.3購物車組件
12.3.4商品列表組件
12.3.5商家公告組件
12.3.6評論內(nèi)容組件
12.3.7商家信息組件
第13章實戰(zhàn)——Vue 3仿“今日頭條”App
13.1項目概述
13.1.1開發(fā)環(huán)境
13.1.2項目結(jié)構(gòu)
13.2入口文件
13.2.1項目入口頁面
13.2.2程序入口文件
13.2.3組件入口文件
13.2.4路由文件
13.3項目組件
13.3.1公共組件
13.3.2首頁導(dǎo)航欄
13.3.3首頁新聞列表
13.3.4新聞詳情頁
13.3.5私信留言頁
13.3.6新聞搜索頁面
本書源代碼