Vue.js企業開發實戰

《Vue.js企業開發實戰》是2021年7月1日清華大學出版社出版圖書，作者是千鋒教育高教產品研發部。

基本介紹

• 中文名：Vue.js企業開發實戰 
• 作者：千鋒教育高教產品研發部
• 出版時間：2021年7月1日
• 出版社：清華大學出版社
• ISBN：9787302579755
• 定價：69 元

內容簡介

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．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維護狀態

2．3．3數組更新檢測

2．3．4對象變更檢測注意事項

2．3．5在template上使用vfor

2．3．6vfor與vif一同使用

目錄

Vue.js企業開發實戰

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．2vmodel基本用法

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新聞搜尋頁面

本書原始碼