Vue.js跨平臺開發(fā)基礎教程

前言 \n
模塊1 Vue概述1 \n
任務1.1 了解Vue基礎知識1 \n
1.1.1 前端開發(fā)概述1 \n
1.1.2 Vue創(chuàng)始人介紹2 \n
1.1.3 什么是Vue2 \n
1.1.4 Vue的優(yōu)勢3 \n
任務1.2 熟悉Vue項目開發(fā)環(huán)境5 \n
1.2.1 編輯器概述5 \n
1.2.2 安裝HBuilderX編輯器6 \n
1.2.3 創(chuàng)建與調試Vue項目6 \n
模塊小結8 \n
習題19 \n
實訓19 \n
模塊2 Vue實例10 \n
任務2.1 顯示詩詞10 \n
2.1.1 創(chuàng)建Vue實例10 \n
2.1.2 根元素選項（el）11 \n
2.1.3 數(shù)據(jù)選項（data）12 \n
任務2.2 設計數(shù)據(jù)編碼器16 \n
2.2.1 過濾選項（filters）17 \n
2.2.2 方法選項（methods）18 \n
任務2.3 編寫模擬購物車21 \n
2.3.1 計算選項（computed）21 \n
2.3.2 狀態(tài)監(jiān)聽選項（watch）23 \n
2.3.3 computed與watch選項的應用場景24 \n
任務2.4 學習Vue生命周期27 \n
2.4.1 生命周期概述27 \n
2.4.2 生命周期事件27 \n
2.4.3 Vue實例方法與屬性29 \n
模塊小結33 \n
習題233 \n
實訓234 \n
模塊3 Vue指令35 \n
任務3.1 開發(fā)用戶注冊程序35 \n
3.1.1 v-text指令35 \n
3.1.2 v-html指令36 \n
3.1.3 v-model指令37 \n
3.1.4 v-if、v-else和v-show指令41 \n
任務3.2 開發(fā)用戶登錄程序44 \n
3.2.1 v-bind指令44 \n
3.2.2 過濾v-bind指令綁定的屬性46 \n
3.2.3 綁定class與style屬性46 \n
任務3.3 設計電子商務購物車51 \n
3.3.1 v-for指令51 \n
3.3.2 v-on指令55 \n
3.3.3 v-on指令修飾符56 \n
模塊小結60 \n
習題360 \n
實訓361 \n
模塊4 Vue過渡62 \n
任務4.1 學習過渡組件62 \n
4.1.1 組件定義62 \n
4.1.2 類名前綴屬性66 \n
4.1.3 自定義類名屬性68 \n
4.1.4 鉤子函數(shù)70 \n
4.1.5 初始動畫屬性72 \n
任務4.2 掌握多元素過渡方法72 \n
4.2.1 多元素過渡72 \n
4.2.2 過渡模式75 \n
任務4.3 掌握列表與狀態(tài)過渡方法76 \n
4.3.1 組件定義76 \n
4.3.2 排序過渡屬性（move）77 \n
4.3.3 交錯過渡79 \n
4.3.4 狀態(tài)過渡80 \n
模塊小結82 \n
習題482 \n
實訓483 \n
模塊5 Vue復用84 \n
任務5.1 設計管理用戶權限指令84 \n
5.1.1 自定義指令84 \n
5.1.2 響應式屬性（set）86 \n
任務5.2 設計維護用戶信息程序88 \n
5.2.1 繼承（extend）89 \n
5.2.2 混入（mixin）93 \n
任務5.3 掌握插件用法98 \n
5.3.1 插件概述98 \n
5.3.2 安裝插件98 \n
5.3.3 開發(fā)插件98 \n
模塊小結100 \n
習題5100 \n
實訓5101 \n
模塊6 Vue自定義組件102 \n
任務6.1 設計計分器組件102 \n
6.1.1 組件定義與注冊103 \n
6.1.2 組件模板106 \n
6.1.3 選項作用域106 \n
6.1.4 組件的生命周期107 \n
任務6.2 編寫搜索框組件108 \n
6.2.1 props選項109 \n
6.2.2 插槽111 \n
6.2.3 箭頭函數(shù)113 \n
任務6.3 開發(fā)管理用戶賬戶組件115 \n
6.3.1 $emit()方法116 \n
6.3.2 動態(tài)組件118 \n
6.3.3 動態(tài)組件過渡119 \n
模塊小結122 \n
習題6123 \n
實訓6123 \n
模塊7 Vue路由124 \n
任務7.1 設計頁面路由124 \n
7.1.1 單頁面應用124 \n
7.1.2 路由視圖125 \n
7.1.3 路由構造器125 \n
7.1.4 路由導航128 \n
7.1.5 路由過渡131 \n
任務7.2 給路由傳遞參數(shù)134 \n
7.2.1 路由實例134 \n
7.2.2 路由管理器對象134 \n
7.2.3 query方式的參數(shù)傳遞136 \n
7.2.4 params方式的參數(shù)傳遞138 \n
7.2.5 路由的模式139 \n
任務7.3 設計嵌套路由140 \n
7.3.1 嵌套路由父級設計140 \n
7.3.2 嵌套路由子級設計143 \n
模塊小結144 \n
習題7145 \n
實訓7145 \n
模塊8 Vue CLI146 \n
任務8.1 了解CLI基礎知識146 \n
8.1.1 Vue CLI的特點146 \n
8.1.2 CLI安裝必備146 \n
8.1.3 Git-Bash命令行工具147 \n
任務8.2 創(chuàng)建CLI項目148 \n
8.2.1 命令行創(chuàng)建與運行CLI項目148 \n
8.2.2 在HBuilderX環(huán)境下創(chuàng)建與運行CLI項目150 \n
任務8.3 實戰(zhàn)CLI項目152 \n
8.3.1 單文件組件153 \n
8.3.2 導入與導出語句154 \n
8.3.3 CLI項目結構分析155 \n
任務8.4 開發(fā)用戶管理CLI項目158 \n
8.4.1 CLI插件158 \n
8.4.2 安裝插件158 \n
模塊小結161 \n
習題8161 \n
實訓8162 \n
模塊9 Vuex與Axios163 \n
任務9.1 了解Vuex基礎知識163 \n
9.1.1 Vuex概述163 \n
9.1.2 Store構造器164 \n
任務9.2 學習Store構造器的選項164 \n
9.2.1 狀態(tài)管理164 \n
9.2.2 Getter166 \n
9.2.3 Mutation167 \n
9.2.4 Action168 \n
任務9.3 使用模塊定義Vuex170 \n
9.3.1 modules選項170 \n
9.3.2 動態(tài)注冊模塊171 \n
任務9.4 掌握Axios的用法172 \n
9.4.1 Axios概述172 \n
9.4.2 參數(shù)傳遞173 \n
任務9.5 開發(fā)天氣預報CLI項目174 \n
9.5.1 項目創(chuàng)建175 \n
9.5.2 項目實施176 \n
9.5.3 項目測試與運行179 \n
模塊小結179 \n
習題9179 \n
實訓9180 \n
模塊10 電子商務系統(tǒng)181 \n
任務10.1 掌握element-ui的用法181 \n
10.1.1 element-ui概述181 \n
10.1.2 使用element-ui182 \n
任務10.2 分析電子商務系統(tǒng)182 \n
10.2.1 項目概述182 \n
10.2.2 項目分析183 \n
10.2.3 項目創(chuàng)建184 \n
10.2.4 創(chuàng)建準備185 \n
任務10.3 設計系統(tǒng)首頁185 \n
10.3.1 設計導航信息欄185 \n
10.3.2 設計標題搜索欄187 \n
10.3.3 設計商品展示欄188 \n
任務10.4 設計“我的購物車”頁面192 \n
10.4.1 設計商品信息欄192 \n
10.4.2 設計購物結算欄194 \n
任務10.5 設計商家后臺管理模塊196 \n
10.5.1 菜單設計196 \n
10.5.2 首頁設計199 \n
任務10.6 設計商品管理模塊199 \n
1