商品編號:DJAA2V-A900HOEYV
Vue學習手冊
$612
$680
- 登記送
【OK】單筆滿$1純取貨/取貨付款訂單登記送OK購物金50元(限量)
- 登記送
【7-11】單筆滿$350純取貨/取貨付款訂單登記送一顆檸檬青茶兌換券乙張(限量)
- 登記抽
【8月超級品牌品類週】App限定 全站指定品單筆滿4,500登記抽華碩 ROG電競椅
付款方式
- 信用卡、無卡分期、行動支付,與其他多種方式
- PChome 聯名卡最高6%,新戶再享首刷禮1000P
出貨
配送
宅配滿$490免運,超取滿$350免運
- 宅配到府(本島/低溫)滿$699免運
- 宅配到府(本島/常溫)滿$490免運
- 超商取貨(常溫)滿$350免運
- 超商取貨(低溫)滿$699免運
- i郵箱(常溫)滿$290免運
銀行卡、行動支付
優惠總覽
商品詳情
作者: | |
譯者: | 黃銘偉 |
ISBN: | 9786263248557 |
出版社: | |
出版日期: | 2024/07/29 |
內文簡介
- <內容簡介>
可重用、易組合且規模可擴充的UI核心概念和實用模式
「Maya是一名出色的老師,她用引人入勝的範例和專業的知識引導讀者。」
—Edward Wong
@arkangelofkaos
「踏上創造之旅,利用最先進的程式庫和工具建置現代化、規模可擴充的Vue應用程式。《Vue學習手冊》是一本全方位指南,透過以元件為基礎的架構、反應式資料管理、實用的動畫效果和全面的測試策略,提供深入的知識和實際操作的範例。」
—Lipi Deepaakshi Patnaik
Zeta-Directi資深軟體開發人員
學習Vue.js的核心概念,Vue.js是一種現代JavaScript框架,用於從零開始建置前端應用程式和介面。本書透過簡潔、實務和清晰的範例,帶領Web開發人員逐步了解Vue.js生態系統中的工具和程式庫,並展示如何為真實世界的Web專案建立完整的應用程式。
你將學到如何使用Pinia架構處理元件之間的資料通訊、為前端專案開發易於管理的路由系統以控制應用程式流程,並且製作基本的動畫效果以創造更好的使用者體驗。
本書重點:
•使用Vue.js建立可重用的輕量化元件系統
•為現有的靜態應用程式帶來快速反應的能力
•使用前端專案程式碼管理的建置工具Vite.js建立專案
•使用Pinia為前端應用程式建立互動式狀態管理系統
•將來自伺服器的外部資料連接到Vue應用程式
•使用Vue Router透過靜態和動態路由控制應用程式流程
•使用Vitest和Playwright全面測試應用程式
★目錄:
前言
第一章 歡迎來到 Vue.js 的世界!
Vue.js 是什麼?
Vue 在現代 Web 開發中的優勢
安裝 Node.js
Vue Developer Tools
Vite.js 作為建置者管理工具
創建一個新的 Vue 應用程式
檔案儲存庫結構
總結
第二章 Vue 的運作方式:基礎知識
底層的 Virtual DOM
Vue App 實體和 Options API
探索 Options API
樣板語法
藉由資料特性建立本地狀態
Vue 中反應性的運作方式
使用 v-model 的雙向繫結
使用 v-model.lazy 修飾詞
使用 v-bind 繫結反應式資料和傳遞特性資料
繫結至類別和樣式屬性
使用 v-for 迭代資料群集
使用 v-on 為元素新增事件聆聽者
使用 v-if、v-else 和 v-else-if 的條件式元素描繪
使用 v-show 有條件地顯示元素
使用 v-html 動態顯示 HTML 程式碼
使用 v-text 顯示文字內容
使用 v-once 和 v-memo 進行最佳化的描繪
全域地註冊元件
總結
第三章 撰寫元件
Vue 的單一檔案元件結構
使用 defineComponent() 實作 TypeScript 支援
元件生命週期掛接器
方法
計算特性
觀察者
插槽的威力
透過樣板標記和 v-slot 屬性使用具名插槽
了解參考
使用 Mixins 共享元件組態
限定樣式範疇的元件
使用 CSS 模組設計元件樣式
總結
第四章 元件之間的互動
Vue 中的內嵌元件和資料流
使用自訂事件在元件間通訊
使用 defineEmits()定義自訂事件
使用 provide/inject 模式在元件間通訊
Teleport API
總結
第五章 Composition API
使用 Composition API 設定元件
使用 ref() 和 reactive() 處理資料
使用生命週期掛接器
了解 Composition API 中的觀察者
使用 computed()
建立可重複使用的可組合掛接器
總結
第六章 整合外部資料
Axios 是什麼?
安裝 Axios
使用生命週期掛接器和 Axios 載入資料
執行時期的非同步資料請求:挑戰所在
建立可重複使用的 Fetch 元件
將你的應用程式與外部資料庫連接
總結
第七章 進階描繪、動態元件和外掛合成
Render 函式和 JSX
函式型元件
為函式型元件定義 Props 和 Emits
使用 Vue 外掛全域地新增自訂功能
使用 標記進行動態描繪
使用 保持元件實體有效
總結
第八章 路由
什麼是路由?
使用 Vue Router
在路由之間傳遞資料
使用 Props 來解耦路由參數
了解導覽防護
建立內嵌路由
建立動態路由
使用路由器實體前後來回
處理未知的路由
總結
第九章 使用 Pinia 的狀態管理
了解 Vue 中的狀態管理
了解 Pinia
為 Pizza House 建立 Pizzas Store
為 Pizza House 建立 Cart Store
在元件中使用 Cart Store
從 Pizzas Gallery 向 Cart 新增項目
使用 Actions 顯示購物車項目
從 Cart Store 移除項目
對 Pinia 儲存區進行單元測試
訂閱儲存區變更時的副作用
總結
第十章 Vue 中的切換和動畫
了解 CSS 切換和 CSS 動畫
Vue.js 中的 Transition 元件
為一組元素建置切換效果
建立路由切換效果
使用 Transition 事件來控制動畫
總結
第十一章 Vue 中的測試
單元測試和 E2E 測試簡介
作為單元測試工具的 Vitest
使用參數和組態檔設置 Vitest
撰寫你的第一個測試
測試非生命週期的可組合掛接器
使用生命週期掛接器測試 Composables
使用 Vue Test Utils 測試元件
測試元件的互動和事件
透過 GUI 使用 Vitest
搭配涵蓋率執行器來使用 Vitest
使用 PlaywrightJS 進行端到端測試
使用 VSCode 的 Playwright 測試擴充功能除錯E2E測試
總結
第十二章 Vue.js 應用程式的持續整合和持續部署
軟體開發中的 CI/CD
搭配 GitHub Actions 的 CI/CD 管線
使用 Netlify 的持續部署
使用 Netlify CLI 進行部署
總結
第十三章 使用 Vue 進行伺服器端描繪
Vue 中的客戶端描繪
Server-Side Rendering (SSR)
使用 Nuxt.js 的伺服器端描繪
Static Site Generator (SSG)
結語
索引
相關分類
購物須知
寄送時間 | 全台灣24h到貨,遲到提供100元現金積點。全年無休,週末假日照常出貨。例外說明 |
---|---|
送貨方式 | 透過宅配送達。除網頁另有特別標示外,均為常溫配送。 消費者訂購之商品若經配送兩次無法送達,再經本公司以電話與Email均無法聯繫逾三天者,本公司將取消該筆訂單,並且全額退款。 |
送貨範圍 | 限台灣本島與離島地區註,部分離島地區包括連江馬祖、綠島、蘭嶼、琉球鄉…等貨件,將送至到岸船公司碼頭,需請收貨人自行至碼頭取貨。注意!收件地址請勿為郵政信箱。 註:離島地區不配送安裝商品、手機門號商品、超大材商品及四機商品。 |
售後服務 | 缺掉頁更換新品 |
執照證號&登錄字號 | 本公司食品業者登錄字號A-116606102-00000-0 |
關於退貨
- PChome24h購物的消費者,都可以依照消費者保護法的規定,享有商品貨到次日起七天猶豫期的權益。(請留意猶豫期非試用期!!)您所退回的商品必須回復原狀(復原至商品到貨時的原始狀態並且保持完整包裝,包括商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性)。商品一經拆封/啟用保固,將使商品價值減損,您理解本公司將依法收取回復原狀必要之費用(若無法復原,費用將以商品價值損失計算),請先確認商品正確、外觀可接受再行使用,以免影響您的權利,祝您購物順心。
- 如果您所購買商品是下列特殊商品,請留意下述退貨注意事項:
- 易於腐敗之商品、保存期限較短之商品、客製化商品、報紙、期刊、雜誌,依據消費者保護法之規定,於收受商品後將無法享有七天猶豫期之權益且不得辦理退貨。
- 影音商品、電腦軟體或個人衛生用品等一經拆封即無法回復原狀的商品,在您還不確定是否要辦理退貨以前,請勿拆封,一經拆封則依消費者保護法之規定,無法享有七天猶豫期之權益且不得辦理退貨。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,一經您事先同意後始提供者,依消費者保護法之規定,您將無法享有七天猶豫期之權益且不得辦理退貨。
- 組合商品於辦理退貨時,應將組合銷售商品一同退貨,若有遺失、毀損或缺件,PChome將可能要求您依照損毀程度負擔回復原狀必要之費用。
- 若您需辦理退貨,請利用顧客中心「查訂單」或「退訂/退款查詢」的「退訂/退貨」功能填寫申請,我們將於接獲申請之次日起1個工作天內檢視您的退貨要求,檢視完畢後將以E-mail回覆通知您,並將委託本公司指定之宅配公司,在5個工作天內透過電話與您連絡前往取回退貨商品。請您保持電話暢通,並備妥原商品及所有包裝及附件,以便於交付予本公司指定之宅配公司取回(宅配公司僅負責收件,退貨商品仍由特約廠商進行驗收),宅配公司取件後會提供簽收單據給您,請注意留存。
- 退回商品時,請以本公司或特約廠商寄送商品給您時所使用的外包裝(紙箱或包裝袋),原封包裝後交付給前來取件的宅配公司;如果本公司或特約廠商寄送商品給您時所使用的外包裝(紙箱或包裝袋)已經遺失,請您在商品原廠外盒之外,再以其他適當的包裝盒進行包裝,切勿任由宅配單直接粘貼在商品原廠外盒上或書寫文字。
- 若因您要求退貨或換貨、或因本公司無法接受您全部或部分之訂單、或因契約解除或失其效力,而需為您辦理退款事宜時,您同意本公司得代您處理發票或折讓單等相關法令所要求之單據,以利本公司為您辦理退款。
- 本公司收到您所提出的申請後,若經確認無誤,將依消費者保護法之相關規定,返還您已支付之對價(含信用卡交易),退款日當天會再發送E-mail通知函給您。