首頁(yè) > 計(jì)算機(jī)網(wǎng)絡(luò) >
編程語(yǔ)言與程序設(shè)計(jì)
> Vue.js 3應(yīng)用開(kāi)發(fā)與核心源碼解析最新章節(jié)目錄
舉報(bào)

會(huì)員
Vue.js 3應(yīng)用開(kāi)發(fā)與核心源碼解析
最新章節(jié):
12.10 小結(jié)
本書(shū)以前端工程化和企業(yè)級(jí)應(yīng)用開(kāi)發(fā)為目標(biāo),圍繞Vue3及相關(guān)生態(tài)技術(shù)與核心源碼進(jìn)行詳細(xì)剖析。內(nèi)容包括:Vue.js核心基礎(chǔ);相關(guān)生態(tài),包括狀態(tài)管理框架Vuex、路由管理框架VueRouter、Vue動(dòng)畫(huà)技術(shù)、Vue網(wǎng)絡(luò)與數(shù)據(jù)存儲(chǔ)技術(shù),前端構(gòu)建工具Vite與VueCli;進(jìn)階的Vue服務(wù)端渲染,包括Node.js、Express和Nuxt.js;核心源碼剖析,包括響應(yīng)式原理、雙向綁定實(shí)現(xiàn)、虛擬DOM、keep-alive原理和實(shí)現(xiàn),旨在使讀者掌握Vue的設(shè)計(jì)思想,提升開(kāi)發(fā)項(xiàng)目和應(yīng)對(duì)面試的能力;每章提供一個(gè)小項(xiàng)目,最后還提供了一個(gè)以工程化思想開(kāi)發(fā)的實(shí)戰(zhàn)項(xiàng)目,使讀者能夠真正掌握從0到1開(kāi)發(fā)一個(gè)企業(yè)級(jí)應(yīng)用的全過(guò)程。
目錄(270章)
倒序
- 封面
- 版權(quán)信息
- 作者簡(jiǎn)介
- 內(nèi)容簡(jiǎn)介
- 前言
- 第1章 Vue.js概述
- 1.1 認(rèn)識(shí)MVC和MVVM模式
- 1.1.1 傳統(tǒng)的MVC模式
- 1.1.2 流行的MVVM模式
- 1.2 Vue.js簡(jiǎn)介
- 1.2.1 Vue.js的由來(lái)
- 1.2.2 Vue.js、前端工程化和Webpack
- 1.3 Vue.js的安裝和導(dǎo)入
- 1.3.1 通過(guò)<script>標(biāo)簽導(dǎo)入
- 1.3.2 通過(guò)npm導(dǎo)入
- 1.3.3 通過(guò)Vue Cli和Vite導(dǎo)入
- 1.4 Vue 3新特性概覽
- 1.4.1 更快、更小、更易于維護(hù)
- 1.4.2 新特性初體驗(yàn)
- 1.5 ES 6語(yǔ)言基礎(chǔ)
- 1.5.1 變量聲明
- 1.5.2 模塊化
- 1.5.3 Promise和async/await
- 1.6 案例:Hello Vue 3
- 1.7 小結(jié)與練習(xí)
- 第2章 Vue.js基礎(chǔ)
- 2.1 Vue.js實(shí)例和組件
- 2.1.1 創(chuàng)建Vue.js實(shí)例
- 2.1.2 用component()方法創(chuàng)建組件
- 2.1.3 Vue組件、根組件、實(shí)例的區(qū)別
- 2.1.4 全局組件和局部組件
- 2.1.5 組件方法和事件的交互操作
- 2.1.6 單文件組件
- 2.2 Vue.js模板語(yǔ)法
- 2.2.1 插值表達(dá)式
- 2.2.2 指令
- 2.3 Vue.js的data屬性、方法、計(jì)算屬性和監(jiān)聽(tīng)器
- 2.3.1 data屬性
- 2.3.2 方法
- 2.3.3 計(jì)算屬性
- 2.3.4 計(jì)算屬性和方法
- 2.3.5 監(jiān)聽(tīng)器
- 2.3.6 監(jiān)聽(tīng)器和計(jì)算屬性
- 2.4 案例:Vue 3留言板
- 2.4.1 功能描述
- 2.4.2 案例完整代碼
- 2.5 小結(jié)與練習(xí)
- 第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 父子組件的雙向數(shù)據(jù)綁定與自定義v-model
- 3.2.5 非父子關(guān)系組件的通信
- 3.2.6 provide / inject
- 3.3 組件插槽
- 3.3.1 默認(rèn)插槽
- 3.3.2 具名插槽
- 3.3.3 動(dòng)態(tài)插槽名
- 3.3.4 插槽后備
- 3.3.5 作用域插槽
- 3.3.6 解構(gòu)插槽props
- 3.4 動(dòng)態(tài)組件
- 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待辦事項(xiàng)
- 3.8.1 功能描述
- 3.8.2 案例完整代碼
- 3.9 小結(jié)與練習(xí)
- 第4章 Vue.js組合式API
- 4.1 組合式API基礎(chǔ)
- 4.2 setup方法
- 4.2.1 setup方法的參數(shù)
- 4.2.2 setup方法結(jié)合模板使用
- 4.2.3 setup方法的執(zhí)行時(shí)機(jī)和getCurrentInstance方法
- 4.3 響應(yīng)式類方法
- 4.3.1 ref和reactive
- 4.3.2 toRef和toRefs
- 4.3.3 其他響應(yīng)式類方法
- 4.4 監(jiān)聽(tīng)類方法
- 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待辦事項(xiàng)
- 4.9.1 功能描述
- 4.9.2 案例完整代碼
- 4.10 小結(jié)與練習(xí)
- 第5章 Vue.js動(dòng)畫(huà)
- 5.1 從一個(gè)簡(jiǎn)單的動(dòng)畫(huà)開(kāi)始
- 5.2 transition組件實(shí)現(xiàn)過(guò)渡效果
- 5.3 transition組件實(shí)現(xiàn)動(dòng)畫(huà)效果
- 5.4 transition組件同時(shí)實(shí)現(xiàn)過(guò)渡和動(dòng)畫(huà)
- 5.5 transition組件的鉤子函數(shù)
- 5.6 多個(gè)元素或組件的過(guò)渡/動(dòng)畫(huà)效果
- 5.7 列表數(shù)據(jù)的過(guò)渡效果
- 5.8 案例:魔幻的事項(xiàng)列表
- 5.8.1 功能描述
- 5.8.2 案例完整代碼
- 5.9 小結(jié)與練習(xí)
- 第6章 Vuex狀態(tài)管理
- 6.1 什么是“狀態(tài)管理模式”
- 6.2 Vuex概述
- 6.2.1 Vuex的組成
- 6.2.2 安裝Vuex
- 6.2.3 一個(gè)簡(jiǎn)單的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適用的場(chǎng)合
- 6.11 Pinia介紹
- 6.12 案例:事項(xiàng)列表的數(shù)據(jù)通信
- 6.12.1 功能描述
- 6.12.2 案例完整代碼
- 6.13 小結(jié)與練習(xí)
- 第7章 Vue Router路由管理
- 7.1 什么是單頁(yè)應(yīng)用
- 7.2 Vue Router概述
- 7.2.1 安裝Vue Router
- 7.2.2 一個(gè)簡(jiǎn)單的組件路由
- 7.3 動(dòng)態(tài)路由
- 7.3.1 動(dòng)態(tài)路由匹配
- 7.3.2 響應(yīng)路由變化
- 7.4 導(dǎo)航守衛(wèi)
- 7.4.1 全局前置守衛(wèi)
- 7.4.2 全局解析守衛(wèi)
- 7.4.3 全局后置鉤子
- 7.4.4 組件內(nèi)的守衛(wèi)
- 7.4.5 路由配置守衛(wèi)
- 7.5 嵌套路由
- 7.6 命名視圖
- 7.7 命名路由
- 7.8 編程式導(dǎo)航
- 7.9 路由組件傳參
- 7.10 路由重定向、別名及元信息
- 7.10.1 路由重定向
- 7.10.2 路由別名
- 7.10.3 路由元數(shù)據(jù)
- 7.11 Vue Router的路由模式
- 7.12 滾動(dòng)行為
- 7.13 keep-alive
- 7.13.1 keep-alive緩存狀態(tài)
- 7.13.2 利用元數(shù)據(jù)meta控制keep-alive
- 7.14 路由懶加載
- 7.15 在組合式API中使用Vue Router
- 7.16 案例:Vue Router路由待辦事項(xiàng)
- 7.16.1 功能描述
- 7.16.2 案例完整代碼
- 7.17 小結(jié)與練習(xí)
- 第8章 Vue Cli工具
- 8.1 Vue Cli概述
- 8.2 Vue Cli的安裝和使用
- 8.2.1 初始化項(xiàng)目
- 8.2.2 啟動(dòng)項(xiàng)目
- 8.2.3 使用vue ui命令打開(kāi)圖形化界面
- 8.3 Vue Cli自定義配置
- 8.3.1 configureWebpack配置
- 8.3.2 chainWebpack配置
- 8.3.3 其他配置
- 8.4 案例:Vue Cli創(chuàng)建待辦事項(xiàng)
- 8.5 小結(jié)與練習(xí)
- 第9章 Vite工具
- 9.1 Vite概述
- 9.1.1 怎么區(qū)分開(kāi)發(fā)環(huán)境和生產(chǎn)環(huán)境
- 9.1.2 什么是Rollup
- 9.2 Vite的安裝和使用
- 9.2.1 初始化項(xiàng)目
- 9.2.2 啟動(dòng)項(xiàng)目
- 9.2.3 熱更新
- 9.3 Vite自定義配置
- 9.3.1 靜態(tài)資源處理
- 9.3.2 插件配置
- 9.3.3 服務(wù)端渲染配置
- 9.4 Vite與Vue Cli
- 9.4.1 Vite和Vue Cli的主要區(qū)別
- 9.4.2 Vite和Vue Cli哪個(gè)性能更好
- 9.4.3 在實(shí)際項(xiàng)目中如何選擇
- 9.5 案例:Vite創(chuàng)建待辦事項(xiàng)
- 9.6 小結(jié)與練習(xí)
- 第10章 Vue.js服務(wù)端渲染
- 10.1 服務(wù)端渲染概述
- 10.1.1 客戶端渲染
- 10.1.2 服務(wù)端渲染
- 10.2 Vue服務(wù)端渲染改造
- 10.2.1 同構(gòu)問(wèn)題
- 10.2.2 二次渲染
- 10.2.3 基于Vite的服務(wù)端渲染概述
- 10.2.4 創(chuàng)建Vite項(xiàng)目
- 10.2.5 改造main.js
- 10.2.6 創(chuàng)建Node.js服務(wù)server.js
- 10.2.7 生產(chǎn)模式服務(wù)端渲染
- 10.2.8 優(yōu)化package.json命令完成改造
- 10.3 編寫(xiě)通用的代碼
- 10.3.1 服務(wù)端的數(shù)據(jù)響應(yīng)性
- 10.3.2 組件生命周期鉤子
- 10.3.3 訪問(wèn)特定平臺(tái)的API
- 10.4 預(yù)渲染
- 10.5 Nuxt.js介紹
- 10.6 案例:服務(wù)端渲染待辦事項(xiàng)
- 10.6.1 功能描述
- 10.6.2 案例完整代碼
- 10.7 小結(jié)與練習(xí)
- 第11章 Vue 3核心源碼解析
- 11.1 源碼目錄結(jié)構(gòu)解析
- 11.1.1 下載并啟動(dòng)Vue 3源碼
- 11.1.2 目錄模塊
- 11.1.3 構(gòu)建版本
- 11.2 面試高頻響應(yīng)式原理
- 11.2.1 Proxy API
- 11.2.2 Proxy和響應(yīng)式對(duì)象reactive
- 11.2.3 ref()方法運(yùn)行原理
- 11.3 大名鼎鼎的虛擬DOM
- 11.3.1 什么是虛擬DOM
- 11.3.2 Vue 3虛擬DOM
- 11.3.3 獲取<template>的內(nèi)容
- 11.3.4 生成AST
- 11.3.5 生成render方法字符串
- 11.3.6 得到最終的VNode對(duì)象
- 11.4 雙向綁定的前世今生
- 11.4.1 響應(yīng)式觸發(fā)
- 11.4.2 生成新的VNode
- 11.4.3 虛擬DOM的diff過(guò)程
- 11.4.4 完成真實(shí)DOM的修改
- 11.5 <keep-alive>的魔法
- 11.5.1 LRU算法
- 11.5.2 緩存VNode對(duì)象
- 11.6 小結(jié)與練習(xí)
- 第12章 實(shí)戰(zhàn)項(xiàng)目:豆瓣電影評(píng)分系統(tǒng)
- 12.1 開(kāi)發(fā)環(huán)境準(zhǔn)備
- 12.1.1 安裝代碼編輯器Sublime Text 3
- 12.1.2 安裝cnpm
- 12.1.3 Vite項(xiàng)目初始化
- 12.2 項(xiàng)目功能邏輯
- 12.3 首頁(yè)開(kāi)發(fā)
- 12.3.1 輪播翻頁(yè)組件
- 12.3.2 搜索框組件
- 12.4 登錄頁(yè)開(kāi)發(fā)
- 12.5 詳情頁(yè)開(kāi)發(fā)
- 12.5.1 電影基本信息組件
- 12.5.2 電影演員信息組件
- 12.5.3 電影評(píng)論信息組件
- 12.6 發(fā)表頁(yè)開(kāi)發(fā)
- 12.7 搜索頁(yè)開(kāi)發(fā)
- 12.8 路由配置
- 12.9 服務(wù)端渲染改造
- 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 小結(jié) 更新時(shí)間:2023-08-31 19:32:08
推薦閱讀
- JBoss Weld CDI for Java Platform
- Kali Linux Web Penetration Testing Cookbook
- JavaScript 從入門到項(xiàng)目實(shí)踐(超值版)
- Mastering phpMyAdmin 3.4 for Effective MySQL Management
- 簡(jiǎn)單高效LATEX
- Mastering SVG
- AngularJS深度剖析與最佳實(shí)踐
- Learning ArcGIS Pro
- TypeScript實(shí)戰(zhàn)指南
- Unity Game Development Scripting
- FPGA Verilog開(kāi)發(fā)實(shí)戰(zhàn)指南:基于Intel Cyclone IV(進(jìn)階篇)
- 微信小程序全棧開(kāi)發(fā)技術(shù)與實(shí)戰(zhàn)(微課版)
- Machine Learning in Java
- Building Microservices with .NET Core
- 從零開(kāi)始學(xué)C#
- C專家編程
- Python語(yǔ)言科研繪圖與學(xué)術(shù)圖表繪制從入門到精通
- Python Web自動(dòng)化測(cè)試設(shè)計(jì)與實(shí)現(xiàn)
- Python預(yù)測(cè)之美:數(shù)據(jù)分析與算法實(shí)戰(zhàn)(雙色)
- Learning Yeoman
- OpenCV:Computer Vision Projects with Python
- 零基礎(chǔ)學(xué)C# 3.0
- Android程序設(shè)計(jì):第2版
- The Data Analysis Workshop
- Visual Basic程序設(shè)計(jì)
- 明解C++
- 小學(xué)生Scratch創(chuàng)意編程(視頻教學(xué)版)
- Mastering The Faster Web with PHP,MySQL,and JavaScript
- Using Node.js for UI Testing
- C++ 黑客編程揭秘與防范(第3版)