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

晚风0NAsm · 2019-05-05

老师，可以给一个后台传递路由数据，动态生成菜单的demo吗，我是基于iview-admin-template 做的，如果可以的太感谢啦，卡我好几天了

Lison · 2019-05-05

课程中讲了后端返回列表，然后动态挂载路由，实现这个功能的知识都讲了，建议你先看课程然后自己思考下

舍予先生 · 2019-04-20

老师我看到你的第十从节课，响应式布局“layout.vue”的时候，当我把home.vue插入到layout.vue时，我页面的内容没有显示，不知道是什么原因，但Header、Icon、Content、Card这些都能看到，就是没有home.vue的内容

Lison · 2019-04-20

这种你可能需要检查下你有没有写router-view组件在layout里，或者检查下路由，你可以在答疑群发下代码，我会帮你看下

墨一 · 2019-04-18

Zhang__qwr · 2019-04-16

CarryOnHxy · 2019-02-03

很详细，不墨迹，干货满，视频也不长，就光文件的分类就觉得作者是大牛

逻辑短路的唐 · 2019-01-09

当看到课程介绍目录的时候，我毫不犹豫下手了，看了以后真的是超值，清晰明了

放轻松 · 2018-12-20

干货满满，强烈推荐

大大yeah · 2018-12-04

以后Lison的教程都要支持一下，很给力

luojiyin · 2018-12-02

有对应的github 网址

xianengqi · 2018-11-16

老师讲得真的很详细，我最佩服的是封装组件的思想，希望有更多的vue新手可以看到此视频，早日登上vue的大船，哈哈

Lison

Vue技术栈开发实战