Vue技术栈开发实战
课程介绍
课程收获
- 掌握 Vue 基础理论知识
- Vue 实际项目开发中所用到的工具
- 同时了解 ES6/7/8 最新特性
- 对应实际开发场景的解决方案
- 讲师深度经验分享和闭坑指南
适用人群
- 具备 Vue 基础知识,希望学习开发案例
- 对 ES6+ 语法不了解,想了解它的最新特性
- 缺乏 Vue 完整项目经验的开发人员
- 有计算机基础,想要快速了解 Vue
课程简介
作为一直火爆前端技术圈的框架,Vue不仅是BAT公司的首选技术,越来越多的中小型公司也开始要求使用Vue。
当我们对100多位前后端开发者展开调查时,多数反馈:通过官方手册可以掌握Vue基础知识,但实际上手却因为缺乏项目经验,踩了很多坑儿导致项目延期。一些常见问题:
- 数据操作什么情况用到Vuex什么时候写在组件里
- 组件封装要细化到什么程度,需要把哪些封装起来
- 前后端分离开发模式怎么跨域怎么联调
- 开发好了怎么部署,怎么本地好好的部署到服务器就404
- 有哪些优化可以提升页面性能
…
以上这类棘手问题在官方手册中没有答案的。经过认真分析和提炼,反复推敲梳理出了此版课程大纲。课程按照难度,循序渐进展开。每一节课除了主干知识讲解外,还穿插Vue
基础和ES6/7/8
等内容,提升的同时一边巩固基础。另外还分享一些讲师多年的开发经验,让你不只学到核心知识,还掌握实际开发工作要领。
课程大纲
第01章 Vue技术栈开发实战-使用vue-cli3创建项目
- 使用Vue UI创建、管理项目
- 项目结构目录整理
- 初始文件添加
- 基本配置详解
- 使用代理解决跨域
第02章 Vue技术栈开发实战-路由基础篇
- Router-link和router-view组件
- 路由配置
i. 动态路由
ii. 嵌套路由
iii.命名路由
iv. 命名视图 - JS操作路由
- 重定向和别名
第03章 Vue技术栈开发实战-路由进阶篇
- 路由组件传参
- HTML5 History模式
- 导航守卫
- 路由元信息
- 过渡效果
第04章 Vue技术栈开发实战-状态管理bus的使用
第05章 Vue技术栈开发实战-状态管理Vuex(一)
- State
- Getter
第06章 Vue技术栈开发实战-状态管理Vuex(二)
- Mutation
- Action
- Module
第07章 Vue技术栈开发实战-状态管理Vuex进阶
- Vuex插件的开发和使用
- 严格模式
- Vuex+双向绑定
第08章 Vue技术栈开发实战-Ajax请求实战
- 解决跨域问题
- 封装Axios
i. 列表项目
ii.响应拦截
iii.队列管理 - 请求实战
第09章 Vue技术栈开发实战-使用Mock模拟Ajax请求
- 响应模拟
- Mock用法精讲
i. 数据模板
ii. Random方法大全
iii.占位符
第10章 Vue技术栈开发实战-Vue中第三方JS库的使用
- 组件封装基础
- 组件中使用Id值
- 获取DOM或组件实例
第11章 Vue技术栈开发实战-从SplitPane组件谈Vue中如何“操作”DOM
- 简单两列布局
- 如何让两个div改变宽度
- 鼠标拖动效果
- v-model和.sync的用法
第12章 Vue技术栈开发实战-渲染函数和JSX快速掌握
- render函数
- 函数式组件
- JSX
- 作用域插槽
第13章 Vue技术栈开发实战-递归组件的使用
- 封装简单Menu组件
- 递归组件
第14章 Vue技术栈开发实战-登录/登出以及JWT认证
- 后端代码概览
- 登录以及Token处理
- Token过期处理
- 退出登录
第15章 Vue技术栈开发实战-响应式布局
- Vue-cli3.0中使用
iView
- 布局组件的使用
- 栅格组件实现响应式布局
第16章 Vue技术栈开发实战-可收缩多级菜单的实现
- 递归组件实战
- v-if和v-show对比
第17章 Vue技术栈开发实战-可编辑表格的实现
- JSX进阶
- iview表格实现单个单元格编辑表格
- iview表格实现多单元格编辑表格
第18章 Vue技术栈开发实战-Tree组件实现文件目录-基础实现
- iview – Tree实现Tree组件使用
- 扁平数据树状化
- 自定义组件结构
第19章 Vue技术栈开发实战-Tree组件实现文件目录-高级实现
- 封装文件目录组件
- 操作目录
- 多个属性v-model替代方案
- 增加钩子函数
第20章 Vue技术栈开发实战-文件上传前后端(Node.js)实现
- Node.js服务
- 前端上传、下载
- iview – Upload高级用法自行控制文件上传
第21章 Vue技术栈开发实战-Form表单
- 基础表单
- 动态组件
- iview – Form高级用法动态表单
第22章 Vue技术栈开发实战-权限控制
- 简单权限方案
- 动态挂载路由
- 页面和组件级别控制
第23章 Vue技术栈开发实战-Icon组件
- Unicode&Symbol
- font-class
- 封装单色和多色Icon组件
第24章 Vue技术栈开发实战-大数据量性能优化
- 列表优化
- 大型表单优化
- 表格优化
第25章 Vue技术栈开发实战-多Tab页开发
- 根据路由列表生成菜单
- 多标签实现
- 菜单、URL和标签联动
第26章 Vue技术栈开发实战-项目部署
- 项目配置注意点
- Jenkins配置
- Nginx配置
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好的课程或者教程,可以投稿,分享有学币奖励和额外收入!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如遇到加密压缩包,默认解压密码为"aixdata.com",如遇到无法解压的请联系管理员!
HONG'S学院 » Vue技术栈开发实战
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好的课程或者教程,可以投稿,分享有学币奖励和额外收入!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如遇到加密压缩包,默认解压密码为"aixdata.com",如遇到无法解压的请联系管理员!
HONG'S学院 » Vue技术栈开发实战