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、在使用过程中，遇到任何问题，请邮件联系：pr@sifou.com
3、划线价说明：商品展示的划横线价格为参考价，并非原价。该价格仅供您参考。

课程目录

学员评价

4.8 36条评价

AnneChen · 2018-10-31

干货满满，不愧是大牛，思路引导很到位，值得学习！

reachxout · 2018-10-30

物超所值，课程真的特别好

djkloop · 2018-10-04

挺好的，要是能有个日期组件的封装讲解，感觉就更棒了...

Lison · 2018-10-04

这个主要讲vue技术栈开发实战，课程中讲到了如何封装组件，如何结合第三方库封装组件，以及封装组件的优化，这些内容搞懂了，封装任何组件只是逻辑不同了

团团团子 · 2018-09-29

满满干货，不搀一点水分，很有帮助，赚大了！！！

huytf · 2018-09-21

第一节对于如何创建一个项目和如何开始看别人的项目还是很有帮助的。

yxbysxcoco · 2018-09-19

看了lison大大的视频茅塞顿开呀，以前买了几千块的视频，学完感觉等于没有学。。

Defaul · 2018-09-19

棒棒哒，很值！

厚朴酚XZ9lr · 2018-09-14

这课程学完,对使用vue来开发你的项目肯定没问题的,很多代码在开发你都可以使用的到.真的好评!

刘家奇 · 2018-09-06

收获满满，干活满满，诚意满满。
知识点特别全，从项目结构到基础配置，再到整体架构，思路很清晰，难得的好课程

Beppo · 2018-09-05

干货满满，都是实际项目用到的东西，对 vue 在实际项目中使用有帮助很大，帮着扫清了很多在项目中应用的盲点和迷惑

Lison

Vue技术栈开发实战