| 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快速掌握 |
render函数
函数式组件
JSX
作用域插槽 |
| 12. Vue技术栈开发实战-递归组件的使用 |
封装简单Menu组件
递归组件 |
| 13. Vue技术栈开发实战-登录/登出以及JWT认证 |
后端代码概览
登录以及Token处理
Token过期处理
退出登录 |
| 14. Vue技术栈开发实战-响应式布局 |
Vue-cli3.0中使用iView
布局组件的使用
栅格组件实现响应式布局 |
| 15. Vue技术栈开发实战-可收缩多级菜单的实现 |
递归组件实战
v-if和v-show对比 |
| 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的应用运行监控与管理
|
