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