课程收获

• 掌握 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配置