首頁 搜尋 我的知識庫
重新認識Vue.js:008天絕對看不完的Vue.js 3指南

重新認識Vue.js:008天絕對看不完的Vue.js 3指南

作者: 許國政(Kuro)
出版社: 博碩
出版日期: 2021/02/09
ISBN-13: 9789864345687
書店 1







內容描述


從零開始!快速上手!網羅完整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等大型研討會講者,也多次參與前端技術社群分享心得。






相關書籍

統計學與Excel資料分析之實習應用〈第七版〉[培養大數據分析力一定要會的統計分析與資料處理工具]

威力導演輕鬆快樂學(2版)

商業分析師的數位轉型專案策略:結合ChatGPT從商業分析到需求工程管理實務

無料AI:ChatGPT+Gemini+Claude+Copilot+Coze+PlaygroundAI+Ideogram+Stylar+Faceswapper+Suno+Stable Audio+D-ID+Runway+Sora+Gamma-「文字、繪圖、動漫、視覺、音樂、影片、簡報」創意無限(二版)