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