從原生到框架，真正理解 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 進行開發，只知道如何操作，但不知道其原理。