中图网(原中国图书网):网上书店,尾货特色书店,30万种特价书低至2折!

歡迎光臨中圖網 請 | 注冊
> >>
VUE.JS 3+TYPESCRIPT完全指南

包郵 VUE.JS 3+TYPESCRIPT完全指南

作者:王紅元
出版社:電子工業出版社出版時間:2023-09-01
開本: 其他 頁數: 576
中 圖 價:¥114.5(7.2折) 定價  ¥159.0 登錄后可看到會員價
加入購物車 收藏
開年大促, 全場包郵
?新疆、西藏除外
本類五星書更多>
買過本商品的人還買了

VUE.JS 3+TYPESCRIPT完全指南 版權信息

  • ISBN:9787121462764
  • 條形碼:9787121462764 ; 978-7-121-46276-4
  • 裝幀:平裝-膠訂
  • 冊數:暫無
  • 重量:暫無
  • 所屬分類:>>

VUE.JS 3+TYPESCRIPT完全指南 本書特色

(1)資深前端技術大佬coderwhy經驗分享。 (2)適讀人群廣泛,初學、進階需求均可滿足。 (3)內容循序漸進,全面掌握Vue.js 3相關技能。 (4)深入剖析原理,理解Vue.js 3的內部機制。 (5)實戰案例豐富,涵蓋大量真實的開發場景。 (6)多種實用工具,提高開發效率和代碼質量。 (7)附帶資源多樣,源碼、付費視頻和讀者群。

VUE.JS 3+TYPESCRIPT完全指南 內容簡介

本書是一本全面、深入介紹Vue.js 3和TypeScript前端開發技術的圖書。本書詳細介紹了Vue.js 3的新特性與優勢,包括模板語法、內置指令、Options API、組件化、過渡動畫、Composition API、Vue Router、Vuex 等核心知識點;TypeScript 的基礎和進階知識,包括數據類型、類型別名、聯合類型、類型斷言、函數類型、類、接口、泛型、類型聲明等內容。此外,本書還深入探討了前端工程化、第三方庫的集成與使用、企業級管理后臺的實現和自動化部署等內容,以及如何從零開始實現一個Mini-Vue.js 3框架,以便讀者深入理解Vue.js 3的核心原理。本書既適合有一定基礎的前端開發工程師、Web 開發者閱讀,也適合作為初學者學習 Vue.js 3 和TypeScript的入門教材。本書旨在幫助讀者全面理解Vue.js 3和TypeScript的使用方法和原理,掌握實用的知識和技能,提高前端開發水平。

VUE.JS 3+TYPESCRIPT完全指南 目錄

1 邂逅和初體驗Vue.js 1
1.1 認識Vue.js 1
1.2 Vue.js與其他框架的對比 2
1.2.1 Vue.js、React和Angular三大框架對比 2
1.2.2 三大框架使用數據對比 2
1.3 Vue.js 2的缺點 4
1.4 Vue.js 3帶來的新變化 4
1.5 搭建開發環境 6
1.5.1 VS Code的下載和安裝 7
1.5.2 VS Code的基本配置 7
1.5.3 VS Code安裝插件 9
1.6 Vue.js 3的安裝和使用 10
1.6.1 使用CDN引入Vue.js 3 11
1.6.2 下載Vue.js 3源碼并在本地引入 14
1.7 計數器案例 16
1.7.1 原生JavaScript實現計數器 16
1.7.2 用Vue.js 3實現計數器 17
1.7.3 MVVM架構模式 19
1.8 createApp的對象參數 20
1.8.1 template屬性 20
1.8.2 data屬性 22
1.8.3 methods屬性 22
1.8.4 其他屬性 24
1.9 VS Code生成代碼片段 24
1.10 本章小結 27
2 模板語法和內置指令 28
2.1 插值語法 28
2.2 基本指令 30
2.2.1 v-once 30
2.2.2 v-text 31
2.2.3 v-html 32
2.2.4 v-pre 32
2.2.5 v-cloak 33
2.3 v-bind 34
2.3.1 綁定基本屬性 34
2.3.2 綁定class屬性 35
2.3.3 綁定style屬性 38
2.3.4 動態綁定屬性 40
2.3.5 綁定一個對象 41
2.4 v-on 42
2.4.1 綁定事件 42
2.4.2 事件對象和傳遞參數 44
2.4.3 修飾符 45
2.5 條件渲染 46
2.5.1 v-if和v-else 46
2.5.2 v-if和template結合使用 48
2.5.3 v-show 49
2.5.4 v-show和v-if的區別 50
2.6 列表渲染 51
2.6.1 v-for的基本使用 51
2.6.2 v-for支持的類型 52
2.6.3 v-for和template結合使用 54
2.6.4 數組的更新檢測 55
2.7 key和diff算法 57
2.7.1 認識VNode和VDOM 57
2.7.2 key的作用和diff算法 59
2.7.3 沒有key時的diff算法操作 60
2.7.4 有key時的diff算法操作 61
2.8 本章小結 64
3 Vue.js 3的Options API 65
3.1 計算屬性 65
3.1.1 認識計算屬性 65
3.1.2 計算屬性的基本使用 66
3.1.3 計算屬性和methods的區別 69
3.1.4 計算屬性的setter和getter 71
3.2 監聽器watch 73
3.2.1 watch的基本使用 73
3.2.2 watch配置選項 75
3.2.3 watch字符串、數組和API語法 78
3.2.4 watch深度監聽 79
3.3 案例:書籍購物車 80
3.3.1 基本功能介紹 80
3.3.2 搭建基本功能 81
3.3.3 搭建書籍列表 83
3.3.4 搭建“加購物車”功能 84
3.3.5 優化價格和購買數量 86
3.3.6 完整代碼展示 86
3.4 本章小結 88
4 v-model和表單輸入 89
4.1 v-model的基本使用 89
4.2 v-model的實現原理 90
4.3 v-model綁定其他表單 91
4.4 v-model值的綁定 94
4.5 v-model的修飾符 94
4.5.1 .lazy修飾符 94
4.5.2 .number修飾符 94
4.5.3 .trim修飾符 96
4.6 v-model在組件上的使用 96
4.7 本章小結 96
5 Vue.js 3組件化開發 97
5.1 認識組件化 97
5.2 Vue.js 3的組件化 98
5.3 Vue.js 3注冊組件 99
5.3.1 注冊全局組件 99
5.3.2 組件的命名規范 102
5.3.3 注冊局部組件 103
5.4 Vue.js 3開發模式 105
5.5 Vue.js 3支持SFC 106
5.6 本章小結 106
6 前端工程化 107
6.1 前端快速發展史 107
6.2 認識webpack 108
6.3 Vue CLI腳手架 109
6.3.1 認識Vue CLI 109
6.3.2 安裝Node.js 109
6.3.3 安裝Vue CLI 110
6.3.4 Vue CLI新建項目 111
6.3.5 Vue.js 3項目的目錄結構 114
6.3.6 項目的運行和打包 115
6.3.7 vue.config.js文件解析 117
6.4 認識Vite 120
6.5 create-vue 腳手架 121
6.5.1 認識create-vue 121
6.5.2 create-vue新建項目 121
6.5.3 Vue.js 3項目目錄結構 122
6.5.4 項目的運行和打包 123
6.5.5 vite.config.js文件解析 124
6.6 webpack和Vite的區別 126
6.7 本章小結 127
7 Vue.js 3組件化基礎詳解 128
7.1 組件的嵌套 130
7.1.1 搭建基本頁面 130
7.1.2 組件的拆分和嵌套 131
7.1.3 組件CSS的作用域 134
7.1.4 組件之間的通信 135
7.2 組件樣式的特性 135
7.2.1 Scoped CSS 135
7.2.2 CSS Modules 138
7.2.3 在CSS中使用v-bind 139
7.3 父子組件的相互通信 140
7.3.1 父組件傳遞數據給子組件 140
7.3.2 子組件傳遞數據給父組件 146
7.3.3 案例:選項卡TabControl實戰 150
7.4 非父子組件的相互通信 153
7.4.1 Provide/Inject依賴注入 153
7.4.2 全局事件總線 159
7.5 組件中的插槽 162
7.5.1 認識插槽 162
7.5.2 插槽的使用 163
7.6 組件的作用域插槽 169
7.6.1 認識渲染作用域 169
7.6.2 作用域插槽 169
7.6.3 獨占默認插槽 171
7.7 本章小結 172
8 Vue.js 3組件化進階詳解 173
8.1 動態組件 173
8.1.1 v-if指令的實現 174
8.1.2 動態組件的實現 175
8.1.3 動態組件的傳參 176
8.1.4 keep-alive的使用 177
8.2 異步組件 180
8.2.1 webpack對代碼分包 180
8.2.2 在Vue.js 3中實現異步組件 182
8.2.3 異步組件和Suspense 185
8.3 獲取元素或組件的實例 187
8.3.1 $refs 187
8.3.2 $parent 189
8.4 組件生命周期函數 190
8.4.1 認識組件的生命周期 190
8.4.2 生命周期函數的演練 191
8.5 在組件中使用v-model指令 193
8.5.1 v-model的基本使用方法 194
8.5.2 v-model綁定computed 195
8.5.3 組件上應用多個v-model 197
8.5.4 v-model綁定對象類型 198
8.6 本章小結 200
9 Vue.js 3實現過渡動畫 201
9.1 基本過渡動畫 201
9.1.1 認識過渡動畫 201
9.1.2 過渡動畫特有的類 203
9.1.3 CSS的Animation動畫 204
9.1.4 Transition組件的常見屬性 205
9.2 第三方庫動畫庫 210
9.2.1 Animate.css動畫庫 210
9.2.2 GSAP動畫庫 212
9.3 列表中的過渡動畫 216
9.3.1 TransitionGroup的基本使用 217
9.3.2 列表元素的過渡動畫 219
9.3.3 案例:列表元素的交替過渡 220
9.4 本章小結 222
10 Vue.js 3 Composition API詳解 224
10.1 Options API代碼的復用 224
10.1.1 Mixin混入 224
10.1.2 extends繼承 228
10.2 認識Composition API 229
10.3 setup函數的基本使用 230
10.3.1 setup函數的參數 231
10.3.2 setup函數的返回值 233
10.3.3 setup函數的this 234
10.4 數據響應式API 235
10.4.1 reactive 235
10.4.2 ref 236
10.5 響應式工具reactive 239
10.5.1 readonly 239
10.5.2 isProxy 241
10.5.3 isReactive 241
10.5.4 isReadonly 241
10.5.5 toRaw 242
10.5.6 shallowReactive 242
10.5.7 shallowReadonly 242
10.6 響應式工具ref 242
10.6.1 toRefs 242
10.6.2 toRef 244
10.6.3 isRef 245
10.6.4 unref 245
10.6.5 customRef 245
10.6.6 shallowRef 247
10.6.7 triggerRef 247
10.7 computed計算屬性 247
10.7.1 computed函數的基本使用 247
10.7.2 computed函數的get和set方法 248
10.8 watchEffect監聽 249
10.8.1 watchEffect的基本使用 249
10.8.2 停止watchEffect監聽 251
10.8.3 watchEffect清除副作用 251
10.8.4 watchEffect的執行時機 252
10.9 watch監聽 254
10.9.1 監聽單個數據源 254
10.9.2 監聽多個數據源 257
10.9.3 監聽響應式對象 258
10.10 組件生命周期函數 259
10.11 Provide/Inject依賴注入 260
10.11.1 提供數據 261
10.11.2 注入數據 262
10.11.3 提供和注入響應式數據 263
10.12 案例:Composition API的實戰 264
10.12.1 計數器的兩種實現方式 264
10.12.2 代碼邏輯的封裝和復用 266
10.12.3 修改網頁的標題 267
10.12.4 監聽頁面滾動位置 268
10.13 <script setup>語法 270
10.13.1 <script setup>的基本使用 270
10.13.2 defineProps和defineEmits 272
10.13.3 defineExpose 273
10.13.4 useSlots和useAttrs 274
10.14 本章小結 275
11 Vue.js 3組件化高級詳解 276
11.1 render函數 276
11.1.1 認識h函數 276
11.1.2 h函數的基本使用 277
11.1.3 render函數實現計數器 278
11.1.4 setup函數實現計數器 279
11.1.5 在render函數中實現插槽 279
11.1.6 組件的JSX語法 281
11.2 自定義指令 283
11.2.1 自定義指令的基本使用 283
11.2.2 自定義指令的生命周期函數 285
11.2.3 自定義指令的參數和修飾符 287
11.2.4 案例:自定義時間格式化指令 288
11.3 teleport內置組件 290
11.3.1 認識teleport組件 290
11.3.2 teleport的基本使用 290
11.3.3 teleport中嵌套組件 291
11.3.4 多個teleport組件的使用 291
11.4 Vue.js 3的插件開發 292
11.4.1 認識Vue.js 3插件 292
11.4.2 對象類型的插件 292
11.4.3 函數類型的插件 293
11.5 nextTick函數的原理 294
11.6 本章小結 297
12 Vue Router路由 299
12.1 認識Vue Router 299
12.1.1 什么是前端路由 299
12.1.2 前端路由的原理 300
12.1.3 認識Vue Router 3
展開全部

VUE.JS 3+TYPESCRIPT完全指南 相關資料

本書手把手教你使用Vue.js 3和TypeScript,詳細講解了開發中常用的組件和工具。最吸引我的是最后一章,作者對Vue.js原理進行剖析,并手寫了一個Mini-Vue.js 3框架,對想要深入理解Vue.js 3原理的讀者來說,這是一道饕餮大餐。 ——京東零售組件庫NutUI原負責人 周濤 一本好的技術書可以讓你更快地成為優秀開發者,《Vue.js 3 TypeScript完全指南》就是這樣一本書。本書提供了開發大型和復雜Web應用所需的幾乎所有技能和知識,并且對新手非常友好,能讓你在入門過程中少走彎路。 ——小碼哥創始人、CEO 李明杰?? 本書對Vue.js 3的各種特性和官方生態、TypeScript、后臺系統、項目部署、手寫Mini-Vue.js 3框架等多方面進行循序漸進的講解,并輔以案例,非常值得前端開發者學習。我相信,學習本書會對你解決工作中的問題有很大幫助。 ——源碼共讀發起人、掘金年度人氣作者 若川?? 在眾多的前端開發相關圖書中,這無疑是一本為初學者量身定制的寶典。本書內容深入淺出,為讀者構建了一座堅固的知識橋梁。對剛步入前端領域的人來說,本書是你的不二選擇。希望每位讀者都能在這本書的引領下順利啟航,領略Vue.js 3與TypeScript的強大魅力,開啟一段精彩的編程之旅。?? ——自媒體人 前端小智 本書內容全面,包含Vue.js 3和TypeScript的基礎知識、Vue.js 3新特性和實踐技巧,可幫助讀者快速開始實戰應用。本書中的大量結論都直接來源于官方,保證了技術的“原汁原味”。在互聯網行業降本增效的背景下,越來越多的業務技術選型開始轉向前端技術棧,很多移動開發者面臨著轉型的陣痛。這本凝聚了作者多年實戰開發經驗的書,絕對不可錯過。 ——美團大前端技術專家 蔣宏光 本書將Vue.js和TypeScript結合起來,并且深入淺出地介紹了Vue.js的發展歷史,具體的實踐案例和代碼也很豐富,非常適合前端領域的入門者,以及想進一步提高自身技術水平的讀者。這是一本值得閱讀的好書。 ——美團大前端技術專家 歐柏泉 隨著現代Web開發的不斷演進,掌握Vue.js 3和TypeScript十分重要。本書不僅是作者深入研究的結晶,更是其豐富經驗的集結。憑借清晰的知識講解和應用示例,本書能幫助你深入了解Vue.js 3和TypeScript,帶領你在前端技術的路上暢行無阻。無須猶豫,閱讀這本書,準備迎接Web開發的未來。 ——T技術沙龍發起人 鄭宜東

VUE.JS 3+TYPESCRIPT完全指南 作者簡介

王紅元(網名coderwhy),擔任廣州市弘源科教軟件有限公司CEO、澳大利亞The WAIN公司CTO,作為騰訊AI高校訓練營的特聘講師,曾為多所雙一流高校授課。在國內外大型項目和軟件系統中,負責架構設計和研發工作,曾兼任多家公司的技術顧問,協助解決開發過程中的關鍵問題。精通多種編程語言,包括C/C 、Python、Java、Objective-C、Swift、JavaScript和TypeScript等,對即時聊天和流媒體技術有深入研究。目前致力于不斷提高自身技能,為企業、開源社區及學員做出更多貢獻。 劉軍,曾在深圳市華云中盛科技股份有限公司擔任前端負責人,廣州市弘源科教軟件有限公司聯合創始人之一,擁有8年前端開發經驗。精通Vue.js、React、TypeScript、webpack、Vite、Node、Docker、CI/CD,以及Java、Android等技術棧,擅長微前端、中后臺、組件庫、腳手架、公眾號、小程序、大屏可視化等領域的工作。

商品評論(0條)
暫無評論……
書友推薦
編輯推薦
返回頂部
中圖網
在線客服
主站蜘蛛池模板: 欧必特空气能-商用空气能热水工程,空气能热水器,超低温空气源热泵生产厂家-湖南欧必特空气能公司 | 懂研帝_专业SCI论文润色机构_SCI投稿发表服务公司 | Magnescale探规,Magnescale磁栅尺,Magnescale传感器,Magnescale测厚仪,Mitutoyo光栅尺,笔式位移传感器-苏州连达精密量仪有限公司 | 天津市能谱科技有限公司-专业的红外光谱仪_红外测油仪_紫外测油仪_红外制样附件_傅里叶红外光谱技术生产服务厂商 | 气体热式流量计-定量控制流量计(空气流量计厂家)-湖北南控仪表科技有限公司 | 庭院灯_太阳能景观灯_草坪灯厂家_仿古壁灯-重庆恒投科技 | 高精度-恒温冷水机-螺杆式冰水机-蒸发冷冷水机-北京蓝海神骏科技有限公司 | 软瓷_柔性面砖_软瓷砖_柔性石材_MCM软瓷厂家_湖北博悦佳软瓷 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 智慧旅游_智慧景区_微景通-智慧旅游景区解决方案提供商 | POS机办理_个人pos机免费领取-银联pos机申请首页 | 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 瓶盖扭矩测试仪-瓶盖扭力仪-全自动扭矩仪-济南三泉中石单品站 | 水轮机密封网 | 水轮机密封产品研发生产厂家 | 智慧养老_居家养老_社区养老_杰佳通 | 语料库-提供经典范文,文案句子,常用文书,您的写作得力助手 | 不锈钢酒柜|恒温酒柜|酒柜定制|酒窖定制-上海啸瑞实业有限公司 | 瓶盖扭矩测试仪-瓶盖扭力仪-全自动扭矩仪-济南三泉中石单品站 | 氟塑料磁力泵-不锈钢离心泵-耐腐蚀化工泵厂家「皖金泵阀」 | 火锅加盟_四川成都火锅店加盟_中国火锅连锁品牌十强_朝天门火锅【官网】 | 带式压滤机_污泥压滤机_污泥脱水机_带式过滤机_带式压滤机厂家-河南恒磊环保设备有限公司 | 北京普辉律师事务所官网_北京律师24小时免费咨询|法律咨询 | 细石混凝土泵_厂家_价格-烟台九达机械有限公司 | 急救箱-应急箱-急救包厂家-北京红立方医疗设备有限公司 | 橡胶弹簧|复合弹簧|橡胶球|振动筛配件-新乡市永鑫橡胶厂 | 双舌接地线-PC68数字式高阻计-ZC36|苏海百科 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | YAGEO国巨电容|贴片电阻|电容价格|三星代理商-深圳市巨优电子有限公司 | 深圳APP开发公司_软件APP定制开发/外包制作-红匣子科技 | 工业制氮机_psa制氮机厂家-宏骁智能装备科技江苏有限公司 | 刹车盘机床-刹车盘生产线-龙口亨嘉智能装备 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 玻璃钢格栅盖板|玻璃钢盖板|玻璃钢格栅板|树篦子-长沙川皖玻璃钢制品有限公司 | 济南ISO9000认证咨询代理公司,ISO9001认证,CMA实验室认证,ISO/TS16949认证,服务体系认证,资产管理体系认证,SC食品生产许可证- 济南创远企业管理咨询有限公司 郑州电线电缆厂家-防火|低压|低烟无卤电缆-河南明星电缆 | 恒压供水控制柜|无负压|一体化泵站控制柜|PLC远程调试|MCGS触摸屏|自动控制方案-联致自控设备 | 低噪声电流前置放大器-SR570电流前置放大器-深圳市嘉士达精密仪器有限公司 | 京马网,京马建站,网站定制,营销型网站建设,东莞建站,东莞网站建设-首页-京马网 | ASA膜,ASA共挤料,篷布色母料-青岛未来化学有限公司 | 保镖公司-私人保镖-深圳保镖公司【环宇兄弟保镖】 | China plate rolling machine manufacturer,cone rolling machine-Saint Fighter | 注塑模具_塑料模具_塑胶模具_范仕达【官网】_东莞模具设计与制造加工厂家 |