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

基礎知識篇
第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創(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管理可復用的元素
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構建Vue項目
4.1.1什么是Webpack
4.1.2Webpack中配置Vue開發(fā)環(huán)境
4.1.3Webpack配置本地服務器
4.2Vue CLI腳手架工具
4.2.1腳手架安裝
4.2.2使用腳手架創(chuàng)建Vue項目
4.2.3項目結構與文件描述
第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作用域插槽
核心技術篇
第6章Vue Router路由（33min）
6.1路由基礎
6.1.1什么是路由
6.1.2在Vue中使用路由
6.1.3動態(tài)路由
6.1.4嵌套模式路由
6.1.5編程式導航
6.2路由的相關配置
6.2.1命名路由
6.2.2命名視圖
6.2.3重定向
6.3路由的模式
6.4導航守衛(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ī)范目錄結構
第8章Vue的異步請求（35min）
8.1axios的安裝與使用
8.1.1安裝axios
8.1.2axios基本用法
8.2axios實例
8.3axios并發(fā)請求
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創(chuàng)建Vue 3項目
10.4Vue 3項目的目錄結構
10.5Composition API 詳講
10.5.1setup（）函數(shù)
10.5.2reactive（）函數(shù)
10.5.3ref（）函數(shù)
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修改
項目實戰(zhàn)篇
第11章實戰(zhàn)——Vue 2仿“商城”App
11.1項目概述
11.1.1開發(fā)環(huán)境
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章實戰(zhàn)——Vue 2仿“餓了么”App
12.1項目概述
12.1.1開發(fā)環(huán)境
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評論內(nèi)容組件
12.3.7商家信息組件
第13章實戰(zhàn)——Vue 3仿“今日頭條”App
13.1項目概述
13.1.1開發(fā)環(huán)境
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新聞搜索頁面
本書源代碼