Vue 應用開發

本書是一本介紹Web前端開發框架Vue.js的實戰教程，主要滿足高等職業教育軟件技術專業Web前端開發方向課程的教學需要。全書從一個完整實戰項目中抽取出小任務，每單元以小任務的完成為主線，介紹Vue.js前端開發的各項知識，包括開發與調試環境準備，ECMAScript6語法簡介及常見的對象、函數、數組、字符串等擴展語法，Vue.js語法、指令、條件渲染、循環渲染、計算屬性、方法屬性、偵聽器、Class與Style綁定、表單雙向綁定、組件、虛擬DOM；瞭解render函數、過濾器、路由、過渡、動畫、混入使用Axios與服務器通信、使用Vuex進行全局狀態管理、部署Vue項目等，最後從小任務的整合到整個項目的完成形成一個綜合性案例。本書由學校教師和企業軟件開發工程師合作共同編寫，教學案例來源於企業真實項目。本教材體系完整，內容豐富，配套資源齊全，註重實踐性和可操作性，既可作為高等職業教育電腦類專業學生的學慣用書，也可作為軟件開發人員能力提升的自學參考用書。

導言 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