本書是一本介紹Web前端開發框架Vue.js的實戰教程，主要滿足高等職業教育軟件技術專業Web前端開發方向課程的教學需要。全書從一個完整實戰項目中抽取出小任務，每單元以小任務的完成為主線，介紹Vue.js前端開發的各項知識，包括開發與調試環境準備，ECMAScript6語法簡介及常見的對象、函數、數組、字符串等擴展語法，Vue.js語法、指令、條件渲染、循環渲染、計算屬性、方法屬性、偵聽器、Class與Style綁定、表單雙向綁定、組件、虛擬DOM；了解render函數、過濾器、路由、過渡、動畫、混入使用Axios與服務器通信、使用Vuex進行全局狀態管理、部署Vue項目等，最后從小任務的整合到整個項目的完成形成一個綜合性案例。本書由學校教師和企業軟件開發工程師合作共同編寫，教學案例來源于企業真實項目。本教材體系完整，內容豐富，配套資源齊全，注重實踐性和可操作性，既可作為高等職業教育計算機類專業學生的學習用書，也可作為軟件開發人員能力提升的自學參考用書。
方選政，1981，講師，重慶奉節人。2006年6月參加工作，先后在重慶正大軟件職業學院任教、重慶華日軟件股份有限公司任軟件開發工程師。于2014年重慶大學取得軟件工程碩士學位，現在重慶開放大學電子信息工程學院從事教學及科研工作，主要研究范圍包括大數據、人工智能及算法分析與設計。
導言 1
單元1 Vue項目構建 6
學習情境1.1 使用Vue.js完成網頁設計 6
1.1.1 Vue簡介 9
1.1.2 Vue安裝 12
1.1.3 Vue聲明式渲染 13
學習情境1.2 使用Vue init構建Vue 2.x項目 23
1.2.1 Vue CLI 26
1.2.2 Node.js 27
1.2.3 Vue init 30
學習情境1.3 使用Vue create構建Vue 2.x項目 42
學習情境1.4 使用Vue ui構建Vue 3.x項目 55
單元2 Vue網頁設計 72
學習情境2.1 使用v-model構建智慧醫養注冊頁面 72
2.1.1 模板語法 75
2.1.2 表單輸入綁定 81
2.1.3 基本指令 89
2.1.4 事件綁定 94
2.1.5 偵聽器 99
學習情境2.2 使用渲染指令構建智慧醫養首頁 114
2.2.1 Class與Style綁定 116
2.2.2 過渡＆動畫 119
學習情境2.3 使用computed計算健康設備購物車數據 139
2.3.1 計算屬性 141
2.3.2 過濾器 145
單元3 Vue組件化開發 159
學習情境3.1 智慧醫養首頁Banner組件化開發 159
3.1.1 組件注冊 162
3.1.2 Prop 165
3.1.3 監聽子組件事件 166
3.1.4 插槽 167
學習情境3.2 使用Vue Router組件化開發智慧醫養導航 179
3.2.1 Vue Router安裝 181
3.2.2 路由的定義與使用 182
3.2.3 路由元信息和編程式導航 188
單元4 網頁交互與數據通信 197
學習情境4.1 使用Vue-Resource完成智慧醫養用戶注冊 197
學習情境4.2 使用Axios實時展示智慧醫養首頁數據 209
單元5 Vue項目打包部署 224
學習情境 Vue項目打包與部署 224
5.1.1 Vue項目打包 226
5.1.2 服務器 227
新書資訊