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

前言 \n
模塊1 Vue概述1 \n
任務(wù)1.1 了解Vue基礎(chǔ)知識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
任務(wù)1.2 熟悉Vue項目開發(fā)環(huán)境5 \n
1.2.1 編輯器概述5 \n
1.2.2 安裝HBuilderX編輯器6 \n
1.2.3 創(chuàng)建與調(diào)試Vue項目6 \n
模塊小結(jié)8 \n
習題19 \n
實訓19 \n
模塊2 Vue實例10 \n
任務(wù)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
任務(wù)2.2 設(shè)計數(shù)據(jù)編碼器16 \n
2.2.1 過濾選項（filters）17 \n
2.2.2 方法選項（methods）18 \n
任務(wù)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
任務(wù)2.4 學習Vue生命周期27 \n
2.4.1 生命周期概述27 \n
2.4.2 生命周期事件27 \n
2.4.3 Vue實例方法與屬性29 \n
模塊小結(jié)33 \n
習題233 \n
實訓234 \n
模塊3 Vue指令35 \n
任務(wù)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
任務(wù)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
任務(wù)3.3 設(shè)計電子商務(wù)購物車51 \n
3.3.1 v-for指令51 \n
3.3.2 v-on指令55 \n
3.3.3 v-on指令修飾符56 \n
模塊小結(jié)60 \n
習題360 \n
實訓361 \n
模塊4 Vue過渡62 \n
任務(wù)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
任務(wù)4.2 掌握多元素過渡方法72 \n
4.2.1 多元素過渡72 \n
4.2.2 過渡模式75 \n
任務(wù)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
模塊小結(jié)82 \n
習題482 \n
實訓483 \n
模塊5 Vue復用84 \n
任務(wù)5.1 設(shè)計管理用戶權(quán)限指令84 \n
5.1.1 自定義指令84 \n
5.1.2 響應式屬性（set）86 \n
任務(wù)5.2 設(shè)計維護用戶信息程序88 \n
5.2.1 繼承（extend）89 \n
5.2.2 混入（mixin）93 \n
任務(wù)5.3 掌握插件用法98 \n
5.3.1 插件概述98 \n
5.3.2 安裝插件98 \n
5.3.3 開發(fā)插件98 \n
模塊小結(jié)100 \n
習題5100 \n
實訓5101 \n
模塊6 Vue自定義組件102 \n
任務(wù)6.1 設(shè)計計分器組件102 \n
6.1.1 組件定義與注冊103 \n
6.1.2 組件模板106 \n
6.1.3 選項作用域106 \n
6.1.4 組件的生命周期107 \n
任務(wù)6.2 編寫搜索框組件108 \n
6.2.1 props選項109 \n
6.2.2 插槽111 \n
6.2.3 箭頭函數(shù)113 \n
任務(wù)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
模塊小結(jié)122 \n
習題6123 \n
實訓6123 \n
模塊7 Vue路由124 \n
任務(wù)7.1 設(shè)計頁面路由124 \n
7.1.1 單頁面應用124 \n
7.1.2 路由視圖125 \n
7.1.3 路由構(gòu)造器125 \n
7.1.4 路由導航128 \n
7.1.5 路由過渡131 \n
任務(wù)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
任務(wù)7.3 設(shè)計嵌套路由140 \n
7.3.1 嵌套路由父級設(shè)計140 \n
7.3.2 嵌套路由子級設(shè)計143 \n
模塊小結(jié)144 \n
習題7145 \n
實訓7145 \n
模塊8 Vue CLI146 \n
任務(wù)8.1 了解CLI基礎(chǔ)知識146 \n
8.1.1 Vue CLI的特點146 \n
8.1.2 CLI安裝必備146 \n
8.1.3 Git-Bash命令行工具147 \n
任務(wù)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
任務(wù)8.3 實戰(zhàn)CLI項目152 \n
8.3.1 單文件組件153 \n
8.3.2 導入與導出語句154 \n
8.3.3 CLI項目結(jié)構(gòu)分析155 \n
任務(wù)8.4 開發(fā)用戶管理CLI項目158 \n
8.4.1 CLI插件158 \n
8.4.2 安裝插件158 \n
模塊小結(jié)161 \n
習題8161 \n
實訓8162 \n
模塊9 Vuex與Axios163 \n
任務(wù)9.1 了解Vuex基礎(chǔ)知識163 \n
9.1.1 Vuex概述163 \n
9.1.2 Store構(gòu)造器164 \n
任務(wù)9.2 學習Store構(gòu)造器的選項164 \n
9.2.1 狀態(tài)管理164 \n
9.2.2 Getter166 \n
9.2.3 Mutation167 \n
9.2.4 Action168 \n
任務(wù)9.3 使用模塊定義Vuex170 \n
9.3.1 modules選項170 \n
9.3.2 動態(tài)注冊模塊171 \n
任務(wù)9.4 掌握Axios的用法172 \n
9.4.1 Axios概述172 \n
9.4.2 參數(shù)傳遞173 \n
任務(wù)9.5 開發(fā)天氣預報CLI項目174 \n
9.5.1 項目創(chuàng)建175 \n
9.5.2 項目實施176 \n
9.5.3 項目測試與運行179 \n
模塊小結(jié)179 \n
習題9179 \n
實訓9180 \n
模塊10 電子商務(wù)系統(tǒng)181 \n
任務(wù)10.1 掌握element-ui的用法181 \n
10.1.1 element-ui概述181 \n
10.1.2 使用element-ui182 \n
任務(wù)10.2 分析電子商務(wù)系統(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
任務(wù)10.3 設(shè)計系統(tǒng)首頁185 \n
10.3.1 設(shè)計導航信息欄185 \n
10.3.2 設(shè)計標題搜索欄187 \n
10.3.3 設(shè)計商品展示欄188 \n
任務(wù)10.4 設(shè)計“我的購物車”頁面192 \n
10.4.1 設(shè)計商品信息欄192 \n
10.4.2 設(shè)計購物結(jié)算欄194 \n
任務(wù)10.5 設(shè)計商家后臺管理模塊196 \n
10.5.1 菜單設(shè)計196 \n
10.5.2 首頁設(shè)計199 \n
任務(wù)10.6 設(shè)計商品管理模塊199 \n
1