前端三雄最好學的Vue.js,強大直逼Angular,彈性不輸React,程式碼只有一半!
前端三雄誰強誰弱不重要,最重要的是上手快,工作量少,誰最適合快速簡單但強大的前端開發就用誰。
Vue.js是由前Google工程師設計的架構,比Angular易學易懂,彈性調配上也完全不輸React,但在執行效率,程式碼數量上,都遠遠勝過其它兩者。
本書可說是市面上最完整的Vue.js書籍,從基本的介紹,安裝、開發環境設定等開始講解,更有完整的元件說明。使用實例清楚講解每個元件及指令。本書最後,更有非常完整且可用的三個大型專案,模擬了市面上最有名的三個食品、圖書及音樂網站的前端製作,讓你在讀完本書之後,即具備開發大型服務前端的能力。
*本書適合哪些讀者閱讀
本書非常適合以下人員閱讀。
■ 沒有任何前端 Vue 框架基礎的初學者。
■ 有一定的前端 Vue 框架開發基礎,想精通程式設計的人員。
■ 有一定的前端 Vue 框架開發基礎,缺乏專案實踐經驗的人員。
■ 正在進行軟體專業相關畢業設計的學生。
■ 大專院校及教育訓練學校的老師和學生。
本書特色
1. 結構科學,自學更易
本書在內容組織和範例設計中充分考慮到初中級入門者的需求,由淺入深,循序漸進,無論讀者是否接觸過框架,都能從本書中找到最佳的起點。
2. 超多、實用、專業的範例和實踐專案
本書結合實際工作中的應用範例逐一講解Vue 前端框架的各種知識和技術,在專案實踐篇中更以3 個專案實踐來複習前15 章介紹的知識和技能,讓讀者在實踐中掌握知識、輕鬆擁有專案開發經驗。
3. 隨時檢測自己的學習成果
每章首頁中均提供了「本章概述」和「本章要點」,以指導讀者重點學習及學後檢查;章後的「就業面試技巧與解析」均根據當前最新求職面試(筆試)題精選而成,讀者可以隨時檢測自己的學習成果,做到融會貫通。
作者
聚慕課教育研發中心
是一家軟體開發公司和線下培訓機構共同組建的IT圖書研發中心,具有18年的圖書開發和12年軟體開發經驗。
該研發中心有軟體開發團隊,一批一線軟體培訓講師,高校青年教師以及學科專家團隊構成。致力於IT類圖書策劃、組稿、及編寫。
我們對電腦資訊圖書市場進行科學、嚴謹的調查分析,緊跟高新科技,深度挖掘讀者需求,整合優質作者資源,協助作者制定創作計劃、確立創作思想與體例,並實時監控創作質量與進度,確保做出讓讀者讀得懂、用的好、學的會的電腦資訊圖書。
目錄
第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 本章複習
序/導讀
導讀
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 框架開發基礎,缺乏專案實踐經驗的人員。
■ 正在進行軟體專業相關畢業設計的學生。
■ 大專院校及教育訓練學校的老師和學生。
創作團隊
本書由聚慕課教育研發中心組織編寫,李良任主編,劉凱燕、李存永任副主編,參與本書編寫的人員還有陳夢、裴垚等。在編寫過程中,我們盡己所能將最好的講解呈現給讀者,但也難免有疏漏和不妥之處,敬請讀者不吝指正。
繁體中文版說明
本書原作者為中國大陸人士,書中許多網站及軟體均為簡體中文介面,
請讀者閱讀時參照前後文。
編著者