1. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-使用vue-cli3創(chuàng)建項(xiàng)目 |
- 使用Vue UI創(chuàng)建、管理項(xiàng)目
- 項(xiàng)目結(jié)構(gòu)目錄整理
- 初始文件添加
- 基本配置詳解
- 使用代理解決跨域
|
2. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-路由基礎(chǔ)篇 |
- Router-link和router-view組件
- 路由配置
i. 動(dòng)態(tài)路由
ii. 嵌套路由
iii.命名路由
iv. 命名視圖
- JS操作路由
- 重定向和別名
|
3. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-路由進(jìn)階篇 |
- 路由組件傳參
- HTML5 History模式
- 導(dǎo)航守衛(wèi)
- 路由元信息
- 過渡效果
|
4. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-狀態(tài)管理bus的使用 |
- 狀態(tài)bus的原理
- 狀態(tài)bus對(duì)狀態(tài)的管理
- 狀態(tài)bus的應(yīng)用示例
|
5. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-狀態(tài)管理Vuex |
- State
- Getter
- Mutation
- Action
- Module
|
6. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-狀態(tài)管理Vuex進(jìn)階 |
- Vuex插件的開發(fā)和使用
- 嚴(yán)格模式
- Vuex+雙向綁定
|
7. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Ajax請(qǐng)求實(shí)戰(zhàn) |
1.解決跨域問題
2.封裝Axios
- 列表項(xiàng)目
- 響應(yīng)攔截
- 隊(duì)列管理
3.請(qǐng)求實(shí)戰(zhàn) |
8. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-使用Mock模擬Ajax請(qǐng)求 |
1. 響應(yīng)模擬
2. Mock用法精講
- 數(shù)據(jù)模板
- Random方法大全
- 占位符
|
9. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Vue中第三方JS庫的使用 |
- 組件封裝基礎(chǔ)
- 組件中使用Id值
- 獲取DOM或組件實(shí)例
|
10. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-從SplitPane組件談Vue中如何“操作”DOM |
- 簡(jiǎn)單兩列布局
- 如何讓兩個(gè)div改變寬度
- 鼠標(biāo)拖動(dòng)效果
- v-model和.sync的用法
|
11. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-渲染函數(shù)和JSX快速掌握 |
- render函數(shù)
- 函數(shù)式組件
- JSX
- 作用域插槽
|
12. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-遞歸組件的使用 |
|
13. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-登錄/登出以及JWT認(rèn)證 |
- 后端代碼概覽
- 登錄以及Token處理
- Token過期處理
- 退出登錄
|
14. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-響應(yīng)式布局 |
- Vue-cli3.0中使用iView
- 布局組件的使用
- 柵格組件實(shí)現(xiàn)響應(yīng)式布局
|
15. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-可收縮多級(jí)菜單的實(shí)現(xiàn) |
- 遞歸組件實(shí)戰(zhàn)
- v-if和v-show對(duì)比
|
16. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-可編輯表格的實(shí)現(xiàn) |
- JSX進(jìn)階
- iview表格實(shí)現(xiàn)單個(gè)單元格編輯表格
- iview表格實(shí)現(xiàn)多單元格編輯表格
|
17. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Tree組件實(shí)現(xiàn)文件目錄-基礎(chǔ)實(shí)現(xiàn) |
- iview - Tree實(shí)現(xiàn)Tree組件使用
- 扁平數(shù)據(jù)樹狀化
- 自定義組件結(jié)構(gòu)
|
18. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Tree組件實(shí)現(xiàn)文件目錄-高級(jí)實(shí)現(xiàn) |
- 封裝文件目錄組件
- 操作目錄
- 多個(gè)屬性v-model替代方案
- 增加鉤子函數(shù)
|
19. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-文件上傳前后端(Node.js)實(shí)現(xiàn) |
- 基礎(chǔ)表單
- 動(dòng)態(tài)組件
- iview - Form高級(jí)用法動(dòng)態(tài)表單
|
20. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Form表單 |
- 封裝文件目錄組件
- 操作目錄
- 多個(gè)屬性v-model替代方案
- 增加鉤子函數(shù)
|
21. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-權(quán)限控制 |
- 簡(jiǎn)單權(quán)限方案
- 動(dòng)態(tài)掛載路由
- 頁面和組件級(jí)別控制
|
22. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-Icon組件 |
- 簡(jiǎn)單權(quán)限方案
- 動(dòng)態(tài)掛載路由
- 頁面和組件級(jí)別控制
|
23. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-大數(shù)據(jù)量性能優(yōu)化 |
- 列表優(yōu)化
- 大型表單優(yōu)化
- 表格優(yōu)化
|
24. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-多Tab頁開發(fā) |
- 根據(jù)路由列表生成菜單
- 多標(biāo)簽實(shí)現(xiàn)
- 菜單、URL和標(biāo)簽聯(lián)動(dòng)
|
25. Vue技術(shù)棧開發(fā)實(shí)戰(zhàn)-項(xiàng)目部署 |
- Vue.js的部署內(nèi)容組織
- Vue.js項(xiàng)目配置注意點(diǎn)
- Jenkins配置
- Nginx配置
- Vue.js的應(yīng)用運(yùn)行監(jiān)控與管理?
|