課程大綱： Vue.js vue2.5實戰項目app開發mintu培訓
第1章 Vue2.6
1 1.1.課程概要
2 1.2.Vue框架的介紹
3 1.3.Vue框架使用的目的
4 1.4.前端框架和庫的區別
5 2.1.MVC與MVVM的理解
6 2.2.基礎示例
7 3.1.v-cloak指令
8 3.2.v-text和v-html指令
9 3.3.v-bind指令
10 3.4.v-on指令
11 3.5.文字跑馬燈效果的實現
12 3.6.事件修飾符
13 3.7.v-model指令
14 3.8.簡易計算器的實現
15 3.9.class類樣式與style行內樣式設定
16 3.10.v-for指令
17 3.11.key屬性實現狀態維護
18 3.12.v-if與v-show指令
19 4.1.員工信息列表的實現
20 4.2.員工信息添加的實現
21 4.3.員工信息刪除的實現
22 4.4.名稱關鍵字搜索
23 4.5.vue-devtools使用
24 5.1.全局過濾器的使用
25 5.2.局部過濾器的使用
26 5.3.過濾器實現日期的格式化
27 5.4.鍵值修飾符的使用
28 6.1.全局指令的使用
29 6.2.局部指令的使用
30 6.3.自定義指令實現聚焦功能
31 7.1.Vue實例創建時生命周期函數
32 7.2.Vue實例運行時生命周期函數
33 8.1.vue-resource的使用
34 8.2.jsonp實現原理
35 8.3.員工信息管理模塊更新-添加服務端處理
36 9.1.使用css屬性實現過渡
37 9.2.使用css動畫實現過渡
38 9.3.修改過渡類名前綴
39 9.4.自定義過渡類名
40 9.5.使用鉤子函數實現過渡
41 9.6.列表的過渡
42 9.7.員工信息管理模塊更新-過渡效果追加
43 10.1.模塊化與組件化
44 10.2.全局組件的注冊
45 10.3.局部組件的注冊
46 10.4.組件中的data
47 10.5.多組件之間的切換
48 10.6.組件切換的過渡
49 10.7.通過Prop向子組件傳遞數據
50 10.8.監聽子組件事件
51 10.9.評論列表組件案例
52 10.10.訪問子組件實例或子元素
53 11.1.前端路由和后端路由的概念
54 11.2.VueRouter使用說明
55 11.3.VueRouter使用基本示例
56 11.4.路由組件參數傳遞
57 11.5.嵌套路由的使用
58 12.1.watch偵聽器的使用
59 12.2.computed計算屬性的使用
60 13.1.render渲染函數
61 13.2.Webpack+Vue項目整合
62 13.3.Vue單文件組件的使用
63 13.4.單文件組件中實例的導出
64 13.5.Webpack結合Vue-Router的使用
65 13.6.嵌套路由children的實現
66 13.7.路由模塊的抽離
67 13.8.單文件組件中Scoped CSS的使用
68 14.1.MintUI完整引入使用示例
69 14.2.MintUI按需引入使用示例
70 14.3.MUI使用示例
71 15.1.Vuex基本概念
72 15.2.Vuex使用基本示例
73 16.1.ECShop案例演示
74 17.1.首頁面結構布局
75 17.2.首頁tabbar路由設置
76 17.3.輪播組件的使用
77 17.4.輪播組件數據的獲取與綁定
78 17.5.九宮格組件的使用
79 17.6.多頁面組件切換過渡效果
80 18.1.資訊列表頁面路由的設定
81 18.2.資訊列表頁面的實現
82 19.1.資訊詳情頁面的實現
83 20.1.評論列表數據加載的實現
84 20.2.發表評論功能的實現
85 21.1.圖文類別導航條左右滑動的實現
86 21.2.圖文類別導航數據的加載
87 21.3.圖文列表頁面的實現
88 22.1.圖文詳情頁面的實現
89 22.2.圖文詳情頁面縮略圖的實現
90 23.1.商品列表頁面的實現
91 24.1.商品詳情頁面的實現
92 24.2.商品詳情輪播圖的實現
93 24.3.商品詳情輪播圖顯示寬度的優化
94 24.4.商品購買區域的實現
95 24.5.商品參數信息的加載
96 24.6.商品購買數量的獲取
97 24.7.加入購物車小球動畫的基本實現
98 24.8.小球動畫在不同場景下的優化
99 24.9.商品購買大數量的設定
100 25.1.Vuex基本概念
101 25.2.Vuex使用基本示例
102 25.3.加入購物車功能的實現
103 25.4.已購商品徽標數值的自動更新
104 26.1.購物車頁面的實現
105 26.2.商品選購數量的初始化
106 26.3.商品選購數量變化的同步處理
107 26.4.選購商品刪除功能的實現
108 26.5.選購商品勾選狀態的管理
109 26.6.結算區域選購數量和總價的自動計算
110 27.1.webpack概述
111 27.2.nrm工具的使用
112 27.3.webpack使用
113 28.1.webpack基本示例
114 28.2.webpack配置文件的使用
115 29.1.webpack-dev-server的基本使用
116 29.2.webpack-dev-server的常用命令參數
117 30.1.html-webpack-plugin的使用
118 31.1.css-loader的使用
119 31.2.less-loader的使用
120 31.3.sass-loader的使用
121 32.1.url-loader的使用
122 33.1.webpack集成bootstrap的使用
123 34.1.babel概念介紹
124 34.2.babel-loader的使用
第2章 Vue.js基礎一
125 01.vue介紹
126 02.vue中的數據綁定
127 03.MVC和MVVM
128 04.vue第一個案例
129 05.vue常用指令
130 06.插值表達式
131 07.跑馬燈效果
132 08.事件修飾符
133 09.雙向綁定v-model指令
134 10.雙向綁定-計算器案例
135 11.vue的樣式操作
136 12.v-if和v-show
137 13.v-for
138 14.品牌管理案例-數據的添加
第3章 Vue.js基礎二
139 01.vue-devtools
140 02.過濾器的基本使用
141 03.按鍵修飾符
142 04.自定義指令
143 05.品牌管理案例重寫
144 06.vue生命周期
145 07.nextTick方法
146 08.vue生命周期問題
147 09.nextTick案例
148 10.vue-resource發送網絡請求
149 11.品牌管理案例-網絡請求
第4章 Vue過度和動畫
150 01.transition動畫基本使用
151 02.自定義動畫名
152 03.animate.css的使用
153 04.transition動畫存在的問題
154 05.js動畫的鉤子函數
155 06.出場動畫鉤子函數
156 07.入場動畫完畢立刻隱藏小球
157 08.列表動畫
第5章 Vue組件開發
158 01.全局組件的使用
159 02.使用模板字符串定義組件
160 03.定義私有組件
161 04.組件中的數據和事件
162 05.組件中的data
163 06.組件的切換
164 07.keep-alive組件
165 08.組件的動畫切換
166 09.父組件向子組件傳值
167 10.子組件向父組件傳遞數據
168 11.插槽
169 12.評論案例
170 13.this.$refs
171 14.中央總線的使用
172 15.render方法的使用
第6章 Vue路由的使用
173 01.router的基本使用
174 02.router的導航模式
175 03.keep-alive結合router實現組件緩存
176 04.路由傳參傳遞的方式
177 05.路由組件及的鉤子函數
178 06.全局和路由守衛
179 07.路由元信息meta
180 08.路由鉤子函數總結
181 09.路由嵌套
182 10.命名視圖
183 11.watch和computed屬性
184 12.路由文檔知識點
185 13.編程式導航
186 14.雙向綁定的原理
第7章 Vue打包構建
187 01.webpack介紹
188 02.webpack的使用
189 03.webpack隔行變色案例
190 04.es6模塊化規范
191 05.webpack.config.js配置
192 06.實施打包構建
193 07.配置文件生成devServer配置項
194 08.html-webpack-pulgin的使用
195 09.webpack加載樣式文件
196 10.圖片路徑的處理
197 11.字體圖標的配置
198 12.babel的配置
199 13.webpack中vue的基本使用
200 14.模塊化方案總結
201 15.vue文件的使用
202 16.vue-router基本使用
203 17.抽離路由為單獨模塊
第8章 Vuex狀態管理
204 01.vuex的基本使用
205 02.vuex的派生屬性
206 03.vuex的actions的使用
207 04.抽離store為單獨模塊
208 05.vuex的模塊管理
第9章 基于Vue的UI框架
209 01.mint-ui的基本使用
210 02.mint-ui的按需導入
211 03.MUI的使用
212 04.bootstrap的使用
第10章 構建工具vue-cli
213 01.vue-cli創建項目
214 02.vue-cli目錄介紹
215 03.vue.config.js配置
加入高級會員獲得助教答疑
