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条评价

user_TzcEICgV · 2023-12-01

答疑群怎么进

烦恼中仰望幸福 · 2023-01-06

可惜没有专门的答疑群哦？每天的代码怎么没有，只有最后的总代码。

Lison · 2023-01-09

每节课的代码切换tag可以看到

随风 · 2022-09-01

答疑群在哪能进啊？

小太阳 · 2019-10-24

源码在哪里下载啊

Lison · 2019-10-25

课程一开始有github链接

云端之巅 · 2019-08-24

挺好的进阶的vue

二师兄 · 2019-06-14

老师，马上出来的vue3。您这边准备再出课程讲解吗？用ts写vue组件的那种。

Lison · 2019-06-14

感谢支持，后续课程动态，在答疑群及时获取哈

冰镇苏打水 · 2019-05-28

都是干货,可以重复学习好多次,得好好巩固..
可以解答问题么?群里发出问题.也没人解答,很尴尬.....

Lison · 2019-05-28

同学，答疑群如果是课程中的问题，请艾特我，否则会被消息顶上去

qingquaner · 2019-05-28

好贵呀，不过都是干货

Lison · 2019-05-28

慧眼识好课，投资了自己，助你开发更顺畅

司马景轩 · 2019-05-21

很好的课程,清晰易懂

Lison · 2019-05-21

感谢支持

ajleo · 2019-05-08

课很好，内容充实，看到大纲的时候就买了，如果老师英语水平再提高一下就更好

Lison · 2019-05-08

感谢你的建议?

Lison

Vue技术栈开发实战