庫存狀況
「香港二樓書店」讓您 愛上二樓●愛上書
我的購物車 加入會員 會員中心 常見問題 首頁
「香港二樓書店」邁向第一華人書店
登入 客戶評價 whatsapp 常見問題 加入會員 會員專區 現貨書籍 現貨書籍 購物流程 運費計算 我的購物車 聯絡我們 返回首頁
香港二樓書店 > 今日好書推介
   
區政新角度
  • 定價64.00元
  • 8 折優惠:HK$51.2
  • 放入購物車
二樓書籍分類
 
Vue.js 3前端開發不踩雷:Composition API×Vue Router×Pinia,帶你快速升級進階開發者!(iThome鐵人賽系列書)【軟精裝】

Vue.js

沒有庫存
訂購需時10-14天
9786263337084
陳佑瑄(Angela)
博碩
2024年1月15日
217.00  元
HK$ 195.3  






ISBN:9786263337084
  • 規格:軟精裝 / 288頁 / 17 x 23 x 2.38 cm / 普通級 / 單色印刷 / 初版
  • 出版地:台灣


  • 電腦資訊 > 網頁開發設計 > 網頁設計概論

















    從原生到框架,真正理解 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



    ?




    其 他 著 作