讀書日
  • 電子書
Vue.js 3前端開發不踩雷:Composition API×Vue Router×Pinia,帶你快速升級進階開發者!(iThome鐵人賽系列書) (電子書)
試閱
收藏試閱本 11
人收藏
適合平板

Vue.js 3前端開發不踩雷:Composition API×Vue Router×Pinia,帶你快速升級進階開發者!(iThome鐵人賽系列書) (電子書)

  • 定價:650
  • 優惠價:470
載入中...

電子書閱讀軟體

支援瀏覽器說明

APP下載:

  • 分享
 

內容簡介

從原生到框架,真正理解 Vue.js 原理
深入淺出 Vue.js,搭配真實案例,帶你避開那些惱人的開發痛點!

  ★ 掌握 Composition API,開發更彈性、維護更容易
  ★ 學 Vue.js 不能只知道語法,本書帶你避開雷區、加速學習與開發

  本書內容改編自第 14 屆 iThome 鐵人賽 Modern Web 組的佳作系列文章《真的好想離開 Vue 3 新手村 feat. Composition API》。本書以 Vue.js Composition API 風格為主軸,著重於扎實的基礎學習,協助讀者避開的常見雷點,提升學習與開發的效率。書中涵蓋從原生到框架的範疇,帶領讀者從不同角度認識 Vue.js,以及新手學習和開發中容易遇到的問題,並針對讀者可能會踩到的坑,有目的地去探討背後原理,而非為了剖析原始碼而剖析原始碼。即使是前端新手也一定能看懂、更要看,可以對 Vue.js 有更進階的認識。

  本書首先從開發環境入門,讓讀者了解環境建置的範疇與重要性,並具備根據專案需求調整的能力。隨後介紹常用的 Vue.js 語法,包含 Vue.js 指令、響應式 API 和樣式處理等等,再來進入元件化開發,認識元件的溝通方式與生命週期。除了 Vue.js 核心之外,本書亦包含 Vue Router 4 和 Pinia,透過 Vue Router 常見的應用情境來認識其語法,學會如何建立單頁式應用程式網站,最後是 Pinia,了解使用狀態管理器的目的,並認識常用情境與語法。書中提供線上範例程式碼,讀者可以在學習後實際操作一遍,加深印象並掌握邏輯要點。期望讀者在學習之後,能具備完成一個 Vue.js 專案的基礎知識與能力。

  四大重點
  ▶ 新手看得懂
  說明淺顯易懂,新手也能消化

  ▶ 常見實戰範例
  以常見案例為範例,加速理解使用情境

  ▶ 避開踩坑
  取自真實專案經驗,帶你避開踩坑之處

  ▶ 提供最新全家桶
  涵蓋建立 Vue 專案所需的工具與知識

  目標讀者
  ● 準備要學習 Vue.js 3 的前端新手。
  ● 已經在學習 Vue.js 3 並掌握基礎語法,卻還是常常踩到雷。
  ● 已經開始使用 Vue.js 3 進行開發,只知道如何操作,但不知道其原理。

專業推薦

  「如果你想要學習前端 Vue 框架,這本書是你的不二之選。透過 Angela 的經驗分享和教學,你將能夠事半功倍地掌握 Vue.js 的精髓,她絕對是學習前端 Vue 框架的最佳引路人。」--Howard │ 好想工作室 Host

  「我特別欣賞本書對於 Vue.js 核心概念的解釋方式,作者 Angela 在書中用淺顯易懂的語言解釋了 Vue.js 的原理,不僅避免了過於深入探討原始碼,而且專注於分析和解決實際開發中遇到的問題。這種方式不僅淺顯易懂,而且緊密結合了自身的開發案例,對於理解並應用這些概念至關重要。」--Kuro Hsu │ Vue.js Taiwan 社群主辦人

  「這本書提供了完整的論證過程,讓我在看完的同時也可以記得很久,完全不用花費什麼時間再去研究,可以直接使用這麼嚴謹的研究成果當作自己的學習成果,實在是一件很幸福的事情。希望每個學習者都可以透過這本書,體會一下好的學習方法,將自己變成好的工程師。」--王聖凱(Chris)│《從自學到成功轉職軟體工程師:自主學習讓我重拾人生的發球權》作者

  (依首字筆畫排序)
 
 

作者介紹

作者簡介

陳佑瑄(Angela)


  自 2022 年開始學習前端語言,自學轉職為前端工程師,現為常駐好想工作室的自由接案者。

  專案多以 Vue.js 3 框架進行開發,透過參與各式專案的經驗,還有喜愛探究的精神,深刻理解 Vue.js 3 框架及其應用,因此撰寫了系列文章《真的好想離開 Vue 3 新手村 feat. Composition API》,並且獲得第 14 屆 iThome 鐵人賽佳作。
 
 

目錄

推薦序/Howard
推薦序/Kuro Hsu
推薦序/王聖凱(Chris)

第 1 章 認識 Vue 開發環境
1.1 Quick Start
1.2 建立 Vue 專案
1.3 開發利器:ESLint
1.4 開發利器:Prettier
1.5 Vite
1.6 資料夾結構
1.7 番外篇:為什麼要打包?
1.8 在 Vue 專案使用 Sass / SCSS + 共用變數

第 2 章 進入 Vue 的世界觀
2.1 了解 Vue SFC 檔?
2.2 深入了解 script setup 語法糖
2.3 Option API 和 Composition API 比一比
2.4 認識模板語法
2.5 Vue 響應式語法 ref、reactive
2.6 Vue 響應式語法 watch & computed
2.7 認識 nextTick 與 DOM 響應更新時機
2.8 樣式處理
2.9 SFC / .vue 檔會如何被解析?

第 3 章 認識 Vue 指令(Vue Directive)
3.1 什麼是 Vue 指令(Vue Directive)?
3.2 v-show 與 v-if
3.3 v-for
3.4 v-on
3.5 v-model

第 4 章 元件化開發
4.1 元件溝通的方式
4.2 props
4.3 emit
4.4 v-model
4.5 v-slot
4.6 元件的生命週期與鉤子
4.7 等等非同步資料!在 setup 裡面 await?

第 5 章 Vue Router 4
5.1 什麼是 Single-Page Application?
5.2 Vue Router 的作用與歷史模式
5.3 定義路由
5.4 在 Composition API 元件使用 Vue Router
5.5 裝飾匹配的 Link 樣式
5.6 跨路由傳遞參數的方法
5.7 SPA 網站的 Scroll 行為
5.8 導航守衛(Navigation Guards)
5.9 番外篇(一):從 Vue Router 的動態載入看 Code Split
5.10 番外篇(二):router-view 遇上 keep-alive

第 6 章 狀態管理器 ── Pinia
6.1 為什麼需要「狀態」管理器?
6.2 Into Pinia:安裝 Pinia
6.3 Store
6.4 State
6.5 Getters
6.6 Actions
6.7 監聽 Pinia Store 變動
6.8 在元件以外使用 Store

 
 

詳細資料

  • ISBN:9786263337084
  • EISBN:9786263338029
  • 規格:普通級 / 初版
  • 出版地:台灣
  • 檔案格式:EPUB固定版型
  • 建議閱讀裝置:平板
  • TTS語音朗讀功能:無
  • 檔案大小:186.0MB

最近瀏覽

 

相關活動

  • 【科普、飲食、電腦】高寶電子書暢銷書展:人生就是選擇的總和,全展75折起
 

購物說明

使用電子書服務即為同意『博客來數位內容服務條款』請詳見客服中心說明。

自備暢通的網際網路連線及符合博客來支援的行動裝置、電腦作為閱讀工具,支援版本如下:

瀏覽器閱讀:無需安裝,即可閱讀。支援Safari (14以上版本)、Chrome (103以上版本) 、Edge瀏覽器 (106以上版本)。

APP閱讀:支援IOS13及Android 7以上系統。

電子書、 電子雜誌因版本屬性因素,恕無法比照紙本書籍提供MP3、DVD實體光碟,亦無提供相關影音檔案下載,請先確認無此需求再行下單購買。

請注意:

博客來電子書服務所使用之軟體程式及其支援行動裝置之可用版本隨時會更新調整,請隨時留意且主動查詢調整之內容。並請定時更新您的行動裝置作業系統版本,以確保本服務運作正常。若因個人裝置因素(如:其他應用程式衝突、裝置記憶體不足、行動裝置支援版本無法升級),無法使用博客來電子書閱讀服務或影響服務效能,需自行進行排除待符合博客來支援項目再行閱讀。

退換貨說明:

電子書購買前請務必先行試閱,不提供10天的猶豫期。

下列商品購買後博客來不提供10天的猶豫期,請務必詳閱商品說明並再次確認確有購買該項商品之需求及意願時始下單購買,有任何疑問並請先聯繫博客來客服詢問:

1.易於腐敗、保存期限較短或解約時即將逾期。
2.客製化之商品。
3.報紙、期刊或雜誌。
4.經消費者拆封之影音商品或電腦軟體。
5.下載版軟體、資訊及電子書、有聲書及影音.課程
6.涉及個人衛生,並經消費者拆封之商品,如:內衣褲、刮鬍刀…等。
7.藝文展覽票券、藝文表演票券。