回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 元學堂

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引
 

出版總覽
 

讀者服務
  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名：Vue.js 3前端開發不踩雷：Composition API×Vue Router×Pinia，帶你快速升級進階開發者！（iThome鐵人賽系列書）【軟精裝】
書號：MP22337 作者：陳佑瑄（Angela） ISBN： 978-626-333-708-4
定價：NT$650元 印刷：單色 頁數：288頁
書籍規格：17*23 上市日：2024/1/17 譯者：(無)
學習定位：初階 本書附件：無  
前往購買 >> 蝦皮購物 類別：電腦技術  
       
快速前往 快速前往        

 

 
    從原生到框架，真正理解 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）│《從自學到成功轉職軟體工程師：自主學習讓我重拾人生的發球權》作者



    （依首字筆畫排序）
 
    推薦序／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
 
    陳佑瑄（Angela）

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

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

博碩文化客服信箱
 

[email protected]
 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮、金門
汪 玉 鳳
LINE ID：0925177716
0925-177716
[email protected]		 郭 南 彤
LINE ID：rgtech101
0917-727778
[email protected]
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID：0925275775
0925-275775
[email protected]
助理分機 519		 嘉義、台南、高雄、屏東、台東、澎湖
林 月 玲
LINE ID：0926858627
0926-858627
[email protected]
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話：02-2696-2869 分機：623 [email protected]

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel：02-2696-2869　Fax：02-2696-2867　劃撥帳號：17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.