Vue技术栈开发实战

Vue技术栈开发实战

26 讲

限时优惠:¥68.00 ¥288.00 立省 220 元

课程收获

  • 掌握 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的大船,哈哈