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