舉報 
會員
Vue.js 3應用開發與核心源碼解析
最新章節：
12.10 小結
本書以前端工程化和企業級應用開發為目標，圍繞Vue3及相關生態技術與核心源碼進行詳細剖析。內容包括：Vue.js核心基礎；相關生態，包括狀態管理框架Vuex、路由管理框架VueRouter、Vue動畫技術、Vue網絡與數據存儲技術，前端構建工具Vite與VueCli；進階的Vue服務端渲染，包括Node.js、Express和Nuxt.js；核心源碼剖析，包括響應式原理、雙向綁定實現、虛擬DOM、keep-alive原理和實現，旨在使讀者掌握Vue的設計思想，提升開發項目和應對面試的能力；每章提供一個小項目，最后還提供了一個以工程化思想開發的實戰項目，使讀者能夠真正掌握從0到1開發一個企業級應用的全過程。
最新章節
- 12.10 小結
- 12.9.5 server.js改造
- 12.9.4 store改造
- 12.9.3 home.vue改造
- 12.9.2 entry-client.js和entry-server.js
- 12.9.1 main.js改造
品牌：清華大學
上架時間：2023-08-31 19:11:44
出版社：清華大學出版社
本書數字版權由清華大學提供，并由其授權上海閱文信息技術有限公司制作發行
- 12.10 小結 更新時間：2023-08-31 19:32:08
- 12.9.5 server.js改造
- 12.9.4 store改造
- 12.9.3 home.vue改造
- 12.9.2 entry-client.js和entry-server.js
- 12.9.1 main.js改造
- 12.9 服務端渲染改造
- 12.8 路由配置
- 12.7 搜索頁開發
- 12.6 發表頁開發
- 12.5.3 電影評論信息組件
- 12.5.2 電影演員信息組件
- 12.5.1 電影基本信息組件
- 12.5 詳情頁開發
- 12.4 登錄頁開發
- 12.3.2 搜索框組件
- 12.3.1 輪播翻頁組件
- 12.3 首頁開發
- 12.2 項目功能邏輯
- 12.1.3 Vite項目初始化
- 12.1.2 安裝cnpm
- 12.1.1 安裝代碼編輯器Sublime Text 3
- 12.1 開發環境準備
- 第12章 實戰項目：豆瓣電影評分系統
- 11.6 小結與練習
- 11.5.2 緩存VNode對象
- 11.5.1 LRU算法
- 11.5 <keep-alive>的魔法
- 11.4.4 完成真實DOM的修改
- 11.4.3 虛擬DOM的diff過程
- 11.4.2 生成新的VNode
- 11.4.1 響應式觸發
- 11.4 雙向綁定的前世今生
- 11.3.6 得到最終的VNode對象
- 11.3.5 生成render方法字符串
- 11.3.4 生成AST
- 11.3.3 獲取<template>的內容
- 11.3.2 Vue 3虛擬DOM
- 11.3.1 什么是虛擬DOM
- 11.3 大名鼎鼎的虛擬DOM
- 11.2.3 ref()方法運行原理
- 11.2.2 Proxy和響應式對象reactive
- 11.2.1 Proxy API
- 11.2 面試高頻響應式原理
- 11.1.3 構建版本
- 11.1.2 目錄模塊
- 11.1.1 下載并啟動Vue 3源碼
- 11.1 源碼目錄結構解析
- 第11章 Vue 3核心源碼解析
- 10.7 小結與練習
- 10.6.2 案例完整代碼
- 10.6.1 功能描述
- 10.6 案例：服務端渲染待辦事項
- 10.5 Nuxt.js介紹
- 10.4 預渲染
- 10.3.3 訪問特定平臺的API
- 10.3.2 組件生命周期鉤子
- 10.3.1 服務端的數據響應性
- 10.3 編寫通用的代碼
- 10.2.8 優化package.json命令完成改造
- 10.2.7 生產模式服務端渲染
- 10.2.6 創建Node.js服務server.js
- 10.2.5 改造main.js
- 10.2.4 創建Vite項目
- 10.2.3 基于Vite的服務端渲染概述
- 10.2.2 二次渲染
- 10.2.1 同構問題
- 10.2 Vue服務端渲染改造
- 10.1.2 服務端渲染
- 10.1.1 客戶端渲染
- 10.1 服務端渲染概述
- 第10章 Vue.js服務端渲染
- 9.6 小結與練習
- 9.5 案例：Vite創建待辦事項
- 9.4.3 在實際項目中如何選擇
- 9.4.2 Vite和Vue Cli哪個性能更好
- 9.4.1 Vite和Vue Cli的主要區別
- 9.4 Vite與Vue Cli
- 9.3.3 服務端渲染配置
- 9.3.2 插件配置
- 9.3.1 靜態資源處理
- 9.3 Vite自定義配置
- 9.2.3 熱更新
- 9.2.2 啟動項目
- 9.2.1 初始化項目
- 9.2 Vite的安裝和使用
- 9.1.2 什么是Rollup
- 9.1.1 怎么區分開發環境和生產環境
- 9.1 Vite概述
- 第9章 Vite工具
- 8.5 小結與練習
- 8.4 案例：Vue Cli創建待辦事項
- 8.3.3 其他配置
- 8.3.2 chainWebpack配置
- 8.3.1 configureWebpack配置
- 8.3 Vue Cli自定義配置
- 8.2.3 使用vue ui命令打開圖形化界面
- 8.2.2 啟動項目
- 8.2.1 初始化項目
- 8.2 Vue Cli的安裝和使用
- 8.1 Vue Cli概述
- 第8章 Vue Cli工具
- 7.17 小結與練習
- 7.16.2 案例完整代碼
- 7.16.1 功能描述
- 7.16 案例：Vue Router路由待辦事項
- 7.15 在組合式API中使用Vue Router
- 7.14 路由懶加載
- 7.13.2 利用元數據meta控制keep-alive
- 7.13.1 keep-alive緩存狀態
- 7.13 keep-alive
- 7.12 滾動行為
- 7.11 Vue Router的路由模式
- 7.10.3 路由元數據
- 7.10.2 路由別名
- 7.10.1 路由重定向
- 7.10 路由重定向、別名及元信息
- 7.9 路由組件傳參
- 7.8 編程式導航
- 7.7 命名路由
- 7.6 命名視圖
- 7.5 嵌套路由
- 7.4.5 路由配置守衛
- 7.4.4 組件內的守衛
- 7.4.3 全局后置鉤子
- 7.4.2 全局解析守衛
- 7.4.1 全局前置守衛
- 7.4 導航守衛
- 7.3.2 響應路由變化
- 7.3.1 動態路由匹配
- 7.3 動態路由
- 7.2.2 一個簡單的組件路由
- 7.2.1 安裝Vue Router
- 7.2 Vue Router概述
- 7.1 什么是單頁應用
- 第7章 Vue Router路由管理
- 6.13 小結與練習
- 6.12.2 案例完整代碼
- 6.12.1 功能描述
- 6.12 案例：事項列表的數據通信
- 6.11 Pinia介紹
- 6.10 Vuex適用的場合
- 6.9 在組合式API中使用Vuex
- 6.8 Vuex插件
- 6.7 modules
- 6.6 action
- 6.5 mutation
- 6.4 getters
- 6.3 state
- 6.2.3 一個簡單的store
- 6.2.2 安裝Vuex
- 6.2.1 Vuex的組成
- 6.2 Vuex概述
- 6.1 什么是“狀態管理模式”
- 第6章 Vuex狀態管理
- 5.9 小結與練習
- 5.8.2 案例完整代碼
- 5.8.1 功能描述
- 5.8 案例：魔幻的事項列表
- 5.7 列表數據的過渡效果
- 5.6 多個元素或組件的過渡／動畫效果
- 5.5 transition組件的鉤子函數
- 5.4 transition組件同時實現過渡和動畫
- 5.3 transition組件實現動畫效果
- 5.2 transition組件實現過渡效果
- 5.1 從一個簡單的動畫開始
- 第5章 Vue.js動畫
- 4.10 小結與練習
- 4.9.2 案例完整代碼
- 4.9.1 功能描述
- 4.9 案例：組合式API待辦事項
- 4.8 單文件組件<script setup>
- 4.7 provide / inject
- 4.6 methods方法
- 4.5 生命周期類方法
- 4.4.3 watch方法
- 4.4.2 watchEffect方法
- 4.4.1 computed方法
- 4.4 監聽類方法
- 4.3.3 其他響應式類方法
- 4.3.2 toRef和toRefs
- 4.3.1 ref和reactive
- 4.3 響應式類方法
- 4.2.3 setup方法的執行時機和getCurrentInstance方法
- 4.2.2 setup方法結合模板使用
- 4.2.1 setup方法的參數
- 4.2 setup方法
- 4.1 組合式API基礎
- 第4章 Vue.js組合式API
- 3.9 小結與練習
- 3.8.2 案例完整代碼
- 3.8.1 功能描述
- 3.8 案例：Vue 3待辦事項
- 3.7.3 Mixin取舍
- 3.7.2 全局Mixin
- 3.7.1 Mixin合并
- 3.7 Mixin
- 3.6 <teleport>
- 3.5 異步組件和<suspense>
- 3.4 動態組件
- 3.3.6 解構插槽props
- 3.3.5 作用域插槽
- 3.3.4 插槽后備
- 3.3.3 動態插槽名
- 3.3.2 具名插槽
- 3.3.1 默認插槽
- 3.3 組件插槽
- 3.2.6 provide / inject
- 3.2.5 非父子關系組件的通信
- 3.2.4 父子組件的雙向數據綁定與自定義v-model
- 3.2.3 子組件向父組件通信
- 3.2.2 父組件向子組件通信
- 3.2.1 組件通信概述
- 3.2 組件通信
- 3.1.7 renderTracked和renderTriggered
- 3.1.6 activated和deactivated
- 3.1.5 errorCaptured
- 3.1.4 beforeUnmount和unmounted
- 3.1.3 beforeUpdate和updated
- 3.1.2 beforeMount和mounted
- 3.1.1 beforeCreate和created
- 3.1 組件生命周期
- 第3章 Vue.js組件
- 2.5 小結與練習
- 2.4.2 案例完整代碼
- 2.4.1 功能描述
- 2.4 案例：Vue 3留言板
- 2.3.6 監聽器和計算屬性
- 2.3.5 監聽器
- 2.3.4 計算屬性和方法
- 2.3.3 計算屬性
- 2.3.2 方法
- 2.3.1 data屬性
- 2.3 Vue.js的data屬性、方法、計算屬性和監聽器
- 2.2.2 指令
- 2.2.1 插值表達式
- 2.2 Vue.js模板語法
- 2.1.6 單文件組件
- 2.1.5 組件方法和事件的交互操作
- 2.1.4 全局組件和局部組件
- 2.1.3 Vue組件、根組件、實例的區別
- 2.1.2 用component()方法創建組件
- 2.1.1 創建Vue.js實例
- 2.1 Vue.js實例和組件
- 第2章 Vue.js基礎
- 1.7 小結與練習
- 1.6 案例：Hello Vue 3
- 1.5.3 Promise和async/await
- 1.5.2 模塊化
- 1.5.1 變量聲明
- 1.5 ES 6語言基礎
- 1.4.2 新特性初體驗
- 1.4.1 更快、更小、更易于維護
- 1.4 Vue 3新特性概覽
- 1.3.3 通過Vue Cli和Vite導入
- 1.3.2 通過npm導入
- 1.3.1 通過<script>標簽導入
- 1.3 Vue.js的安裝和導入
- 1.2.2 Vue.js、前端工程化和Webpack
- 1.2.1 Vue.js的由來
- 1.2 Vue.js簡介
- 1.1.2 流行的MVVM模式
- 1.1.1 傳統的MVC模式
- 1.1 認識MVC和MVVM模式
- 第1章 Vue.js概述
- 前言
- 內容簡介
- 作者簡介
- 版權信息
- 封面
- 封面
- 版權信息
- 作者簡介
- 內容簡介
- 前言
- 第1章 Vue.js概述
- 1.1 認識MVC和MVVM模式
- 1.1.1 傳統的MVC模式
- 1.1.2 流行的MVVM模式
- 1.2 Vue.js簡介
- 1.2.1 Vue.js的由來
- 1.2.2 Vue.js、前端工程化和Webpack
- 1.3 Vue.js的安裝和導入
- 1.3.1 通過<script>標簽導入
- 1.3.2 通過npm導入
- 1.3.3 通過Vue Cli和Vite導入
- 1.4 Vue 3新特性概覽
- 1.4.1 更快、更小、更易于維護
- 1.4.2 新特性初體驗
- 1.5 ES 6語言基礎
- 1.5.1 變量聲明
- 1.5.2 模塊化
- 1.5.3 Promise和async/await
- 1.6 案例：Hello Vue 3
- 1.7 小結與練習
- 第2章 Vue.js基礎
- 2.1 Vue.js實例和組件
- 2.1.1 創建Vue.js實例
- 2.1.2 用component()方法創建組件
- 2.1.3 Vue組件、根組件、實例的區別
- 2.1.4 全局組件和局部組件
- 2.1.5 組件方法和事件的交互操作
- 2.1.6 單文件組件
- 2.2 Vue.js模板語法
- 2.2.1 插值表達式
- 2.2.2 指令
- 2.3 Vue.js的data屬性、方法、計算屬性和監聽器
- 2.3.1 data屬性
- 2.3.2 方法
- 2.3.3 計算屬性
- 2.3.4 計算屬性和方法
- 2.3.5 監聽器
- 2.3.6 監聽器和計算屬性
- 2.4 案例：Vue 3留言板
- 2.4.1 功能描述
- 2.4.2 案例完整代碼
- 2.5 小結與練習
- 第3章 Vue.js組件
- 3.1 組件生命周期
- 3.1.1 beforeCreate和created
- 3.1.2 beforeMount和mounted
- 3.1.3 beforeUpdate和updated
- 3.1.4 beforeUnmount和unmounted
- 3.1.5 errorCaptured
- 3.1.6 activated和deactivated
- 3.1.7 renderTracked和renderTriggered
- 3.2 組件通信
- 3.2.1 組件通信概述
- 3.2.2 父組件向子組件通信
- 3.2.3 子組件向父組件通信
- 3.2.4 父子組件的雙向數據綁定與自定義v-model
- 3.2.5 非父子關系組件的通信
- 3.2.6 provide / inject
- 3.3 組件插槽
- 3.3.1 默認插槽
- 3.3.2 具名插槽
- 3.3.3 動態插槽名
- 3.3.4 插槽后備
- 3.3.5 作用域插槽
- 3.3.6 解構插槽props
- 3.4 動態組件
- 3.5 異步組件和<suspense>
- 3.6 <teleport>
- 3.7 Mixin
- 3.7.1 Mixin合并
- 3.7.2 全局Mixin
- 3.7.3 Mixin取舍
- 3.8 案例：Vue 3待辦事項
- 3.8.1 功能描述
- 3.8.2 案例完整代碼
- 3.9 小結與練習
- 第4章 Vue.js組合式API
- 4.1 組合式API基礎
- 4.2 setup方法
- 4.2.1 setup方法的參數
- 4.2.2 setup方法結合模板使用
- 4.2.3 setup方法的執行時機和getCurrentInstance方法
- 4.3 響應式類方法
- 4.3.1 ref和reactive
- 4.3.2 toRef和toRefs
- 4.3.3 其他響應式類方法
- 4.4 監聽類方法
- 4.4.1 computed方法
- 4.4.2 watchEffect方法
- 4.4.3 watch方法
- 4.5 生命周期類方法
- 4.6 methods方法
- 4.7 provide / inject
- 4.8 單文件組件<script setup>
- 4.9 案例：組合式API待辦事項
- 4.9.1 功能描述
- 4.9.2 案例完整代碼
- 4.10 小結與練習
- 第5章 Vue.js動畫
- 5.1 從一個簡單的動畫開始
- 5.2 transition組件實現過渡效果
- 5.3 transition組件實現動畫效果
- 5.4 transition組件同時實現過渡和動畫
- 5.5 transition組件的鉤子函數
- 5.6 多個元素或組件的過渡／動畫效果
- 5.7 列表數據的過渡效果
- 5.8 案例：魔幻的事項列表
- 5.8.1 功能描述
- 5.8.2 案例完整代碼
- 5.9 小結與練習
- 第6章 Vuex狀態管理
- 6.1 什么是“狀態管理模式”
- 6.2 Vuex概述
- 6.2.1 Vuex的組成
- 6.2.2 安裝Vuex
- 6.2.3 一個簡單的store
- 6.3 state
- 6.4 getters
- 6.5 mutation
- 6.6 action
- 6.7 modules
- 6.8 Vuex插件
- 6.9 在組合式API中使用Vuex
- 6.10 Vuex適用的場合
- 6.11 Pinia介紹
- 6.12 案例：事項列表的數據通信
- 6.12.1 功能描述
- 6.12.2 案例完整代碼
- 6.13 小結與練習
- 第7章 Vue Router路由管理
- 7.1 什么是單頁應用
- 7.2 Vue Router概述
- 7.2.1 安裝Vue Router
- 7.2.2 一個簡單的組件路由
- 7.3 動態路由
- 7.3.1 動態路由匹配
- 7.3.2 響應路由變化
- 7.4 導航守衛
- 7.4.1 全局前置守衛
- 7.4.2 全局解析守衛
- 7.4.3 全局后置鉤子
- 7.4.4 組件內的守衛
- 7.4.5 路由配置守衛
- 7.5 嵌套路由
- 7.6 命名視圖
- 7.7 命名路由
- 7.8 編程式導航
- 7.9 路由組件傳參
- 7.10 路由重定向、別名及元信息
- 7.10.1 路由重定向
- 7.10.2 路由別名
- 7.10.3 路由元數據
- 7.11 Vue Router的路由模式
- 7.12 滾動行為
- 7.13 keep-alive
- 7.13.1 keep-alive緩存狀態
- 7.13.2 利用元數據meta控制keep-alive
- 7.14 路由懶加載
- 7.15 在組合式API中使用Vue Router
- 7.16 案例：Vue Router路由待辦事項
- 7.16.1 功能描述
- 7.16.2 案例完整代碼
- 7.17 小結與練習
- 第8章 Vue Cli工具
- 8.1 Vue Cli概述
- 8.2 Vue Cli的安裝和使用
- 8.2.1 初始化項目
- 8.2.2 啟動項目
- 8.2.3 使用vue ui命令打開圖形化界面
- 8.3 Vue Cli自定義配置
- 8.3.1 configureWebpack配置
- 8.3.2 chainWebpack配置
- 8.3.3 其他配置
- 8.4 案例：Vue Cli創建待辦事項
- 8.5 小結與練習
- 第9章 Vite工具
- 9.1 Vite概述
- 9.1.1 怎么區分開發環境和生產環境
- 9.1.2 什么是Rollup
- 9.2 Vite的安裝和使用
- 9.2.1 初始化項目
- 9.2.2 啟動項目
- 9.2.3 熱更新
- 9.3 Vite自定義配置
- 9.3.1 靜態資源處理
- 9.3.2 插件配置
- 9.3.3 服務端渲染配置
- 9.4 Vite與Vue Cli
- 9.4.1 Vite和Vue Cli的主要區別
- 9.4.2 Vite和Vue Cli哪個性能更好
- 9.4.3 在實際項目中如何選擇
- 9.5 案例：Vite創建待辦事項
- 9.6 小結與練習
- 第10章 Vue.js服務端渲染
- 10.1 服務端渲染概述
- 10.1.1 客戶端渲染
- 10.1.2 服務端渲染
- 10.2 Vue服務端渲染改造
- 10.2.1 同構問題
- 10.2.2 二次渲染
- 10.2.3 基于Vite的服務端渲染概述
- 10.2.4 創建Vite項目
- 10.2.5 改造main.js
- 10.2.6 創建Node.js服務server.js
- 10.2.7 生產模式服務端渲染
- 10.2.8 優化package.json命令完成改造
- 10.3 編寫通用的代碼
- 10.3.1 服務端的數據響應性
- 10.3.2 組件生命周期鉤子
- 10.3.3 訪問特定平臺的API
- 10.4 預渲染
- 10.5 Nuxt.js介紹
- 10.6 案例：服務端渲染待辦事項
- 10.6.1 功能描述
- 10.6.2 案例完整代碼
- 10.7 小結與練習
- 第11章 Vue 3核心源碼解析
- 11.1 源碼目錄結構解析
- 11.1.1 下載并啟動Vue 3源碼
- 11.1.2 目錄模塊
- 11.1.3 構建版本
- 11.2 面試高頻響應式原理
- 11.2.1 Proxy API
- 11.2.2 Proxy和響應式對象reactive
- 11.2.3 ref()方法運行原理
- 11.3 大名鼎鼎的虛擬DOM
- 11.3.1 什么是虛擬DOM
- 11.3.2 Vue 3虛擬DOM
- 11.3.3 獲取<template>的內容
- 11.3.4 生成AST
- 11.3.5 生成render方法字符串
- 11.3.6 得到最終的VNode對象
- 11.4 雙向綁定的前世今生
- 11.4.1 響應式觸發
- 11.4.2 生成新的VNode
- 11.4.3 虛擬DOM的diff過程
- 11.4.4 完成真實DOM的修改
- 11.5 <keep-alive>的魔法
- 11.5.1 LRU算法
- 11.5.2 緩存VNode對象
- 11.6 小結與練習
- 第12章 實戰項目：豆瓣電影評分系統
- 12.1 開發環境準備
- 12.1.1 安裝代碼編輯器Sublime Text 3
- 12.1.2 安裝cnpm
- 12.1.3 Vite項目初始化
- 12.2 項目功能邏輯
- 12.3 首頁開發
- 12.3.1 輪播翻頁組件
- 12.3.2 搜索框組件
- 12.4 登錄頁開發
- 12.5 詳情頁開發
- 12.5.1 電影基本信息組件
- 12.5.2 電影演員信息組件
- 12.5.3 電影評論信息組件
- 12.6 發表頁開發
- 12.7 搜索頁開發
- 12.8 路由配置
- 12.9 服務端渲染改造
- 12.9.1 main.js改造
- 12.9.2 entry-client.js和entry-server.js
- 12.9.3 home.vue改造
- 12.9.4 store改造
- 12.9.5 server.js改造
- 12.10 小結 更新時間：2023-08-31 19:32:08
