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