最輕巧前端框架首選：Vue.js完整專案開發實作

🔶 Vue.js 最佳學習線路
本書以Vue.js 的最佳學習模式來安排內容結構，第1 ∼ 3 篇可讓讀者掌握Vue 的基礎知識、Vue 的核心應用、Vue 的核心技術等知識，第4 篇可讓讀者擁有多個產業專案開發經驗。

🔶 本書內容
全書分為4 篇，共18 章。

第1 篇（第1 ∼ 8 章）為基礎知識，本篇主要講解Vue.js 的基礎、簡單Vue 實例的創建等內容，為後面更加深入地學習做鋪陳、為使用Vue.js前端框架開發專案奠定基礎。透過本篇內容的學習，讀者可以了解Vue.js 基本簡介、Vue 簡單實例創建、指令、基本特性、資料及事件綁定、篩檢程式、Vue 的動畫和過渡等內容。

第2 篇（第9 ∼ 13 章）為核心應用，本篇將介紹Vue 核心應用技術的使用，包括如何使用Vue 元件、常用外掛程式、實例方法、Render 函數，以及在學習過程中可能出現的一些問題，包括安裝錯誤、執行錯誤和你問我答等內容。透過本篇的學習，讀者將對Vue 有深刻的瞭解，進行深入的學習後，程式設計能力會有進一步的提高。

第3 篇（第14 ∼ 15 章）為核心技術，本篇介紹Vue 中常見的狀態管理Vuex，並且結合前面內容介紹Vue 工程實例等知識內容，還將結合案例示範學習Vue 中webpack 開發中的打包、介紹Vue 中的目錄結構等知識內容，為編寫和研發專案奠定基礎。

第4 篇（第16 ∼ 18 章）為專案實踐，本篇融會貫通前面所學的程式設計知識、技能及開發技巧來開發實踐專案。專案包括訂餐管理系統、線上圖書銷售系統及仿網易雲音樂系統等。透過本篇的學習，讀者將對前端Vue 框架在實際專案開發中的應用有一個深切的體會，為日後進行軟體專案管理及實戰開發累積經驗。

全書不僅融入了筆者豐富的工作經驗和多年的使用心得，還提供了大量來自工作現場的實例，具有較強的實用性和可操作性。讀者系統學習後可以掌握Vue 前端框架的基礎知識，擁有全面編寫框架的程式設計能力、優良的團隊協作技能和豐富的專案實戰經驗。編寫本書的目標就是讓框架初學者快速成長為合格的中級程式設計師，透過演練累積專案開發經驗和團隊合作技能，在未來的職場中獲取一個相對較高的起步，並能迅速融入軟體開發團隊中。

🔶 本書特色
1. 結構科學，自學更易
本書在內容組織和範例設計中充分考慮到初中級入門者的需求，由淺入深，循序漸進，無論讀者是否接觸過框架，都能從本書中找到最佳的起點。
2. 超多、實用、專業的範例和實踐專案
本書結合實際工作中的應用範例逐一講解Vue 前端框架的各種知識和技術，在專案實踐篇中更以3 個專案實踐來複習前15 章介紹的知識和技能，讓讀者在實踐中掌握知識、輕鬆擁有專案開發經驗。
3. 隨時檢測自己的學習成果
每章首頁中均提供了「本章概述」和「本章要點」，以指導讀者重點學習及學後檢查；章後的「就業面試技巧與解析」均根據當前最新求職面試（筆試）題精選而成，讀者可以隨時檢測自己的學習成果，做到融會貫通。

🔶 本書適合哪些讀者閱讀
本書非常適合以下人員閱讀。
■ 沒有任何前端 Vue 框架基礎的初學者。
■ 有一定的前端 Vue 框架開發基礎，想精通程式設計的人員。
■ 有一定的前端 Vue 框架開發基礎，缺乏專案實踐經驗的人員。
■ 正在進行軟體專業相關畢業設計的學生。
■ 大專院校及教育訓練學校的老師和學生。

🔶 創作團隊
本書由聚慕課教育研發中心組織編寫，李良任主編，劉凱燕、李存永任
副主編，參與本書編寫的人員還有陳夢、裴垚等。在編寫過程中，我們
盡己所能將最好的講解呈現給讀者，但也難免有疏漏和不妥之處，敬請
讀者不吝指正。

🔶 繁體中文版說明
本書原作者為中國大陸人士，書中許多網站及軟體均為簡體中文介面，
請讀者閱讀時參照前後文。

編著者

🔶 Vue.js 最佳學習線路
本書以Vue.js 的最佳學習模式來安排內容結構，第1 ∼ 3 篇可讓讀者掌握Vue 的基礎知識、Vue 的核心應用、Vue 的核心技術等知識，第4 篇可讓讀者擁有多個產業專案開發經驗。

🔶 本書內容
全書分為4 篇，共18 章。

第1 篇（第1 ∼ 8 章）為基礎知識，本篇主要講解Vue.js 的基礎、簡單Vue 實例的創建等內容，為後面更加深入地學習做鋪陳、為使用Vue.js前端框架開發專案奠定基礎。透過本篇內容的學習，讀者可以了解Vue.js 基本簡介、Vue 簡單實例創建、指令、基本特性、資料及事件綁定、篩檢程式、Vue 的動畫和...

第1 篇　基礎知識篇
01 Vue.js 基本簡介
1.1 前端框架的發展歷程
1.2 Vue.js 介紹
1.3 Vue.js 中的開發模式
1.4 Vue.js 與其他框架比較
1.5 Vue.js 的相容性
1.6 就業面試技巧與解析

02 創建Vue.js 簡單實例
2.1 安裝Vue Devtools
2.2 下載、安裝編輯器HBuilder X 及引入Vue.js 檔案
2.3 創建一個 Vue 實例
2.4 實例的生命週期
2.5 就業面試技巧與解析

03 Vue.js 指令
3.1 內建指令
3.2 自訂指令
3.3 指令的進階選項
3.4 就業面試技巧與解析

04 Vue.js 基本特性
4.1 實例及選項
4.2 範本繪製
4.3 extend 的用法
4.4 就業面試技巧與解析

05 Vue 資料及事件綁定
5.1 資料綁定
5.2 事件綁定與監聽
5.3 class 與style 的綁定
5.4 就業面試技巧與解析

06 Vue.js 篩檢程式
6.1 篩檢程式的基本使用
6.2 雙向篩檢程式
6.3 自訂篩檢程式
6.4 就業面試技巧與解析

07 Vue.js 過渡
7.1 CSS 過渡
7.2 JavaScript 過渡
7.3 多個元素的過渡
7.4 多個元件的過渡
7.5 transition-group 介紹
7.6 就業面試技巧與解析

08 Vue.js 動畫
8.1 CSS 動畫
8.2 第三方動畫函式庫
8.3 動畫鉤子
8.4 動畫封裝
8.5 就業面試技巧與解析

第 2 篇　核心應用篇
09 Vue.js 元件
9.1 元件基本內容
9.2 元件通訊
9.3 自訂事件監聽
9.4 Vuex 介紹
9.5 動態元件
9.6 slot
9.7 就業面試技巧與解析

10 Vue.js 常用外掛程式
10.1 前端路由與Vue-router 路由
10.2 狀態管理與Vuex
10.3 Vue-resource 外掛程式
10.4 Vue-router 外掛程式
10.5 就業面試技巧與解析

11 Vue.js 實例方法
11.1 虛擬DOM 簡介
11.2 實例屬性
11.3 實例方法
11.4 就業面試技巧與解析

12 Render 函數
12.1 Render 簡介
12.2 createElement 簡介
12.3 函數化元件
12.4 JSX
12.5 就業面試技巧與解析

13 常見問題解析
13.1 環境及安裝問題解析
13.2 執行程式出現顯示出錯解析
13.3 你問我答解析
13.4 就業面試技巧與解析

第 3 篇　核心應用篇
14 狀態管理Vuex
14.1 概述
14.2 Vuex 的五大屬性
14.3 中介軟體
14.4 嚴格模式
14.5 表單處理
14.6 就業面試技巧與解析

15 Vue 專案實例
15.1 準備工作
15.2 專案目錄結構
15.3 部署上線
15.4 就業面試技巧與解析

第 4 篇　專案實踐篇
16 訂餐管理系統
16.1 開發背景
16.2 系統功能設計
16.3 系統開發必備
16.4 系統功能模組設計與實現
16.5 本章複習

17 線上圖書銷售系統
17.1 開發背景
17.2 系統功能設計
17.3 系統開發必備
17.4 系統功能模組設計與實現
17.5 本章複習

18 仿網易雲音樂系統
18.1 開發背景
18.2 產品定位
18.3 產業分析
18.4 使用者需求
18.5 專案整體結構
18.6 系統功能模組設計與實現
18.7 本章複習

第1 篇　基礎知識篇
01 Vue.js 基本簡介
1.1 前端框架的發展歷程
1.2 Vue.js 介紹
1.3 Vue.js 中的開發模式
1.4 Vue.js 與其他框架比較
1.5 Vue.js 的相容性
1.6 就業面試技巧與解析

02 創建Vue.js 簡單實例
2.1 安裝Vue Devtools
2.2 下載、安裝編輯器HBuilder X 及引入Vue.js 檔案
2.3 創建一個 Vue 實例
2.4 實例的生命週期
2.5 就業面試技巧與解析

03 Vue.js 指令
3.1 內建指令
3.2 自訂指令
3.3 指令的進階選項
3.4 就業面試技巧與解析

04 Vue.js 基本特性
4.1 實例及選項
4.2 範本繪製
4.3 extend 的...