重新認識 Vue.js:008天絕對看不完的 Vue.js 3 指南
內容描述
從零開始!快速上手!網羅完整Vue.js功能的實戰指南
|Vue.js基礎入門|Vue.js元件系統|Vue單一元件檔與Vue CLI|Vue開發生態圈|Vue Router與前端路由管理|Vuex與共用狀態管理|Vue Composition API|
Vue.js不斷地成長,從早期只被定位在JavaScript的UI工具庫,到如今已經是個成熟且功能強大的漸進式框架。Vue.js 3底層核心由TypeScript所改寫,不僅效能更快、檔案更小,更重要是仍然可以使用我們所熟悉的JavaScript來進行開發。它的特性是短時間內可以快速上手,並且擁有豐富的開發生態環境系統以及蓬勃發展的社群。
作者將多年來在Vue.js的開發與教學心得記錄下來,除了比較Vue.js 2與新推出Vue.js 3版本的差異之外,也希望有助於讀者在學習、體驗Vue.js這套前端框架的時候,能夠少走許多岔路,領略現代前端開發的世界。
【本書精彩內容】
◎從零開始介紹Vue.js的起源、基礎知識、指令、事件與生命週期等核心內容,帶領讀者快速入門。
◎元件系統是Vue.js的另一大核心特性,說明為什麼要使用元件、有什麼好處,以及說明元件系統開發時會遇到的問題。
◎介紹Vue的開發生態圈,並結合CLI/Webpack等相關工具,來為Vue.js從無到有進行專案建置、最佳化、打包部署等功能。
◎作為Vue.js開發生態圈的一環,Vue Router提供開發者透過前端路由來建立單頁式應用程式(SPA)的可能性。
◎Vue.js元件的狀態各自為政,當專案規模日漸擴大的時候,共用狀態與資料管理就顯得十分重要。
◎Composition API是Vue.js 3起新增的重要特性之一,說明最新的Composition API是什麼、如何使用、它解決了什麼問題?為什麼要使用它?以及在實際開發時,使用Composition API需要注意的各種細節。
目錄大綱
|Chapter 1| Vue.js基礎入門
1.1 Vue.js簡介
1.2 Vue.js的核心:實體
1.3 資料加工與邏輯整合
1.4 Vue.js的黑魔法:指令
1.5 事件處理
1.6 條件判斷與列表渲染
1.7 元件的生命週期與更新機制
|Chapter 2| Vue.js元件系統
2.1 元件系統的特性
2.2 元件之間的溝通傳遞
2.3 動態元件管理
2.4 編譯作用域與插槽
2.5 漸變與動畫
|Chapter 3| Vue單一元件檔與Vue CLI
3.1 Vue CLI介紹
3.2 Vue SFC單一元件檔
3.3 Vue CLI環境設定與打包部署
|Chapter 4| Vue Router與前端路由管理
4.1 Vue Router與前後端路由
4.2 Vue Router路由設定
4.3 建立路由連結
4.4 路由守衛(Navigation Guards)
|Chapter 5| Vuex與狀態管理
5.1 Vuex簡介
5.2 Vuex核心概念與結構
5.3 Vuex整合實戰:以口罩地圖為例
|Chapter 6| Code Reuse與Vue Composition API
6.1 Composition API簡介
6.2 Composition API的核心
6.3 從Options API到Composition API
|APPENDIX A| 附錄
A.1 進入Vue.js前的ES6必備知識
A.2 Vue 2.x至3.0快速升級指南
作者介紹
許國政(Kuro Hsu)
Vue.js Taiwan社群主辦人,超過十年的前端開發經驗,長期專注網頁前端標準技術。曾擔任JSDC、WebConf、MOPCON、COSCUP等大型研討會講者,也多次參與前端技術社群分享心得。