前言

本書針對Web前端從業者、學生，幫助他們從零基礎開始學習前端基礎知識和Vue.js（簡稱Vue）3 開發的知識和技能。當前市面上說明Vue.js 3 的書籍較少，而且內容非常簡單，實例不多。讀者迫切需要短而精，能從基本原理開始學習的實例。本書立足於零基礎，從原理說明，並指定多而完整且短小精悍的實例，讓讀者讀得明白，並方便動手實踐。目前市面上的書籍，其中的範例所用的技術不是過期就是內容不完整。讀者在看這類書的過程中，時常需要去詢問作者，非常麻煩。相比而言，筆者這本書中的範例完整且講解詳細，非常適合讀者自學。

本書的主要特點是對初學者友善，不假設讀者對某個專業詞彙熟悉，必要時會對專業詞彙進行解釋，讓讀者不需要去別處查詢該專業詞彙的具體含義。實例豐富也是本書的特色，幾乎是「三步一崗，五步一哨」，處處有實例，處處有驚喜，看完實例就能實踐，讀者自然容易獲得學習中的成就感。另外，實例豐富，卻不複雜，以循序漸進的方式清楚講解技術要點，儘量把實例設計得短小精悍，精準對焦技術點，儘量省略不相關的內容，保持實例的完整性和獨立性，讓讀者能集中精力主攻當前的技術要點。也就是說，讀者從中間隨便翻看某個實例，就能跟著實例的步驟逐步成功實踐，而不需要翻閱其他實例的程式，方便讀者自學。本書的另一大特色是詳細介紹了TypeScript 語言的使用，它是Vue.js¬3.0 的開發語言，幫助使用者能輕鬆學會Vue.js。

如果發現問題或有疑問，請用電子郵件聯絡booksaga@163.com，郵件主旨為「Vue.js 3 開發詳解」。

最後，感謝各位讀者選擇本書，希望本書能對讀者的學習有所助益。由於筆者水準所限，雖然對書中所述內容儘量確定，但難免有疏漏之處，敬請各位讀者批評指正。

作者

前言

本書針對Web前端從業者、學生，幫助他們從零基礎開始學習前端基礎知識和Vue.js（簡稱Vue）3 開發的知識和技能。當前市面上說明Vue.js 3 的書籍較少，而且內容非常簡單，實例不多。讀者迫切需要短而精，能從基本原理開始學習的實例。本書立足於零基礎，從原理說明，並指定多而完整且短小精悍的實例，讓讀者讀得明白，並方便動手實踐。目前市面上的書籍，其中的範例所用的技術不是過期就是內容不完整。讀者在看這類書的過程中，時常需要去詢問作者，非常麻煩。相比而言，筆者這本書中的範例完整且講解詳細，非常適合讀者自學。

本書的...

第1章　Vue.js 概述
1.1 HTTP 與HTML
1.2 Web 後端基礎技術
1.3 Web 部署技術
1.4 框架
1.5 Web 前端框架
1.6 前端主流框架
1.7 後端主流框架
1.8 繪製引擎及網頁繪製
1.9 Vue.js 的基本概念
1.10 Vue.js 的優缺點

第2章　Vue.js 3 的語言基礎
2.1 從JavaScript 標準說起
2.2 偵錯一個JavaScript 程式
2.3 說說JavaScript 執行時期
2.4 為何要學TypeScript
2.5 TypeScript 基礎
2.6 TypeScript 的優點
2.7 TypeScript 的發展歷史
2.8 架設TypeScript 開發環境
2.9 TypeScript 基礎類型
2.10 TypeScript 變數宣告
2.11 TypeScript 運算子
2.12 TypeScript 條件語句
2.13 TypeScript 迴圈
2.14 TypeScript 函式
2.15 陣列
2.16 聯合類型
2.17 介面
2.18 類別
2.19 命名空間
2.20 模組
2.21 TypeScript 物件
2.22 宣告檔案
2.23 理解TypeScript 設定檔

第3章　架設Vue.js 開發環境
3.1 使用VSCode 開發JavaScript 程式
3.2 Vue.js 的引用方式
3.3 第一個Vue.js 3 程式

第4章　Vue.js 基礎入門
4.1 建立應用實例並掛載
4.2 資料選擇
4.3 響應式系統的原理
4.4 綁定資料
4.5 計算屬性

第5章 指 令
5.1 v-text 和v-html 指令
5.2 v-model 指令
5.3 v-on 指令
5.4 v-for 指令
5.5 v-if 指令
5.6 v-else 指令
5.7 v-show 指令
5.8 v-bind 指令
5.9 watch 指令

第6章 元件應用與進階
6.1 元件概述
6.2 註冊元件
6.3 元件之間的關係
6.4 元件的重複使用
6.5 元件通訊

第7章 Vue.js 鷹架開發
7.1 Node.js 和Vue.js 的關係
7.2 設定Webpack 環境
7.3 Vue.js 單檔案元件標準
7.4 打包實作含Vue.js 檔案的專案
7.5 使用鷹架vue-cli

第8章 路由應用
8.1 路由的概念
8.2 前端路由與服務端繪製
8.3 後端路由
8.4 前後端分離
8.5 前端路由
8.6 Vue.js 的路由
8.7 含參數的動態路由比對
8.8 路由的比對語法
8.9 嵌策略由
8.10 命名路由
8.11 命名視圖
8.12 重新導向
8.13 程式設計式導覽
8.14 不同的歷史模式
8.15 導覽守衛

第9章　組合式API
9.1 組合式API 概述
9.2 入口函式setup
9.3 響應式函式
9.4 watch 監聽
9.5 案例：團購購物車

第10章　使用UI 框架Element Plus
10.1 概述
10.2 使用Element Plus 的基本步驟
10.3 按鈕的使用
10.4 網址連結
10.5 選項按鈕
10.6 核取方塊
10.7 輸入方塊
10.8 InputNumber 計數器
10.9 選取器
10.10 開關
10.11 滑桿
10.12 時間選擇器
10.13 時間選取器
10.14 日期選擇器
10.15 日期時間選擇器
10.16 上傳
10.17 評分
10.18 顏色選擇器
10.19 傳輸器
10.20 表單
10.21 表格
10.22 標籤
10.23 進度指示器
10.24 樹形
10.25 分頁
10.26 頭像
10.27 描述列表
10.28 訊息方塊
10.29 對話方塊
10.30 影像
10.31 浮動切換
10.32 在鷹架專案中使用Element Plus

第11章　Axios 和伺服器開發
11.1 概述
11.2 Axios 的特點
11.3 Express 架設服務端
11.4 支援跨域問題
11.5 在Vue.js 程式中存取Express 伺服器資料

第12章　Vuex 與案例實戰
12.1 了解「狀態管理模式」
12.2 使用Vuex 的情形
12.3 安裝或引用Vuex
12.4 專案實戰

第1章　Vue.js 概述
1.1 HTTP 與HTML
1.2 Web 後端基礎技術
1.3 Web 部署技術
1.4 框架
1.5 Web 前端框架
1.6 前端主流框架
1.7 後端主流框架
1.8 繪製引擎及網頁繪製
1.9 Vue.js 的基本概念
1.10 Vue.js 的優缺點

第2章　Vue.js 3 的語言基礎
2.1 從JavaScript 標準說起
2.2 偵錯一個JavaScript 程式
2.3 說說JavaScript 執行時期
2.4 為何要學TypeScript
2.5 TypeScript 基礎
2.6 TypeScript 的優點
2.7 TypeScript 的發展歷史
2.8 架設TypeScript 開發環境
2.9 TypeScript 基礎類型
2.10 TypeScript 變數宣告
...