分類
電腦資訊 / 網頁設計 / 商品介紹
詳細說明
商品資訊
退換貨說明
相關推薦
詳細說明
內容簡介
從原生到框架，真正理解 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）│《從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權》作者
（依首字筆畫排序）
深入淺出 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 鐵人賽佳作。
自 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
推薦序╱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
商品資訊
作者: 陳佑瑄(Angela)
系列: iThome鐵人賽
出版社: 博碩文化
出版日期: 2024／01／22
ISBN: 9786263337084
頁數: 288
退換貨說明
※ 本店不提供換貨服務，請於下單前確認購買商品項目。(瑕疵品除外）
※ 退貨流程：於到貨後7天內至本店的訂單查詢頁「申請退貨」>墊腳石確認退貨申請>傳送簡訊通知，需供退貨商品正/背/側面照片>宅配人員向您收取退貨商品>退款>結
案。
1. 收到商品後如發現有瑕疵、破損或是配件短缺的狀況，需要辦理退換貨，請於到貨後 7 天內登錄本購物網，於「我的帳戶」頁面申請「換貨」，我們將盡速為您處理。
2. 收到商品後可享有 7 天免費鑑賞期（含例假日），鑑賞期係供您參考、觀賞、品鑑比較。若需退換貨（依照退貨程序辦理退貨）敬請保持原包裝商品的完整，我們完全保
障您的購物權益。
3. 收到退貨申請後，將發送簡訊至您的手機，需提供退貨商品正/背/側面照片並mail至ecservice@tcsb.com.tw，或上傳照片至墊腳石LINE:@tcs.tw，避免因在運送時造成
受損等疑慮發生。
4. 退換貨注意事項：退貨的商品必須必須回復原狀，亦即必須回復至您收到商品時的原始狀態（包含商品本體、配件、內外包裝、說明書、活動贈品等）。
5. 書籍若有封膜，則拆封後不可退貨。及耳機類商品，因屬個人貼身產品，基於個人衛生問題，商品一經拆封使用後恕無法辦理退貨，如欲退貨請勿拆封。
6. 若退貨後的保留商品金額未達免運門檻(全家超商取貨$599/萊爾富超商取貨$450/7-11超商取貨$599、宅配$999、離島宅配$1,600)，需支付原訂單出貨運費(全家、萊爾
富及7-11超商$65、宅配$90、離島宅配$120)。
7. 下列情形可能影響您的退貨權利：
* 隨商品已附上相同之試用品，或在收到影音光碟及軟體前已提供您試聽、試用之機會。
* 在不影響您檢查商品情形下，您將商品包裝毀損、封條移除、吊牌拆除、貼膠移除或標籤拆除等情形。
* 在您收到商品之前，已提供您檢查商品之機會。
* 其他逾越檢查之必要或可歸責於您之事由，致商品有毀損、滅失或變更者。
8. 若您已取得紙本發票或已過營業稅期的發票電子檔，待退貨完成後，客服人員會與您聯絡相關退貨事宜。
9. 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當，若原紙箱已遺失，請另使用其他紙箱包覆於商品原廠包裝之外，切勿直接於原廠包裝上黏貼紙張或書寫文字。若原
廠包裝損毀將無法退貨或須將損壞費用於退款中扣抵。
10. 當您申請退換貨後，請主動向貨運人員索取單據，並保留至退換貨完成，以利日後查詢。
11. 墊腳石實體門市、您的取貨超商門市，以及宅配業者無法受理本網路訂單的退換貨，請於本網進行相關退換貨手續。
12. 離島區域之退換貨，需自行自費至郵局進行投遞，寄至墊腳石電商部(320 桃園市中壢區中正路95號5樓)。
13. 海外地區之訂單，未提供退換貨服務。
相關推薦
