Vue技术栈开发实战(26课时)

优  惠  价:249.90

¥399.00

立省 149.1 元
讲座评分:
4.8
课时数量: 26 个课时
等 472 人参与
可以用微信小程序直接看哦
及时获取更多直播动态
鼠标移动放大
221 收藏

讲师信息

iview核心开发者,iview-admin作者,百万级虚拟渲染表格组件vue-bigdata-table作者。目前就职于知名互联网公司,对Vue技术栈项目开发有深刻见解,关注团队协作项目开发最佳实践。

内容简介

Vue作为前端框架的佼佼者,已经受到广大开发者的青睐,因为Vue的简单易用,使得更多后端开发者,或者非开发人员都能上手一二。本课程通过对100多位开发者调查反馈,用心整理了课程大纲,确保每一节课都会在清晰讲解主要主干知识的同时,穿插Vue基础和ES6/7/8等知识,同时还会介绍一些本人在多个项目开发中总结的经验。

本课程面对人群:

  1. 对Vue最基础的知识有一定了解的开发者
  2. 对ES6+语法不了解但是想学习一些的开发者
  3. 有计算机使用基础的非开发人员
  4. 想要开发Vue完整项目的人员

购买课程后可以进课程答疑群,永久有效,进群请备注SegmentFault昵称

群内不定期进行群视频直播答疑

图片描述

课程大纲:

1. Vue技术栈开发实战-使用vue-cli3创建项目

  1. 使用Vue UI创建、管理项目
  2. 项目结构目录整理
  3. 初始文件添加
  4. 基本配置详解
  5. 使用代理解决跨域

2. Vue技术栈开发实战-路由基础篇

  1. Router-link和router-view组件
  2. 路由配置
    i. 动态路由
    ii. 嵌套路由
    iii.命名路由
    iv. 命名视图
  3. JS操作路由
  4. 重定向和别名

3. Vue技术栈开发实战-路由进阶篇

  1. 路由组件传参
  2. HTML5 History模式
  3. 导航守卫
  4. 路由元信息
  5. 过渡效果

4. Vue技术栈开发实战-状态管理bus的使用

5. Vue技术栈开发实战-状态管理Vuex(一)

  1. State
  2. Getter

6. Vue技术栈开发实战-状态管理Vuex(二)

  1. Mutation
  2. Action
  3. Module

7. Vue技术栈开发实战-状态管理Vuex进阶

  1. Vuex插件的开发和使用
  2. 严格模式
  3. Vuex+双向绑定

8. Vue技术栈开发实战-Ajax请求实战

  1. 解决跨域问题
  2. 封装Axios
    i. 列表项目
    ii.响应拦截
    iii.队列管理
  3. 请求实战

9. Vue技术栈开发实战-使用Mock模拟Ajax请求

  1. 响应模拟
  2. Mock用法精讲
    i. 数据模板
    ii. Random方法大全
    iii.占位符

10. Vue技术栈开发实战-Vue中第三方JS库的使用

  1. 组件封装基础
  2. 组件中使用Id值
  3. 获取DOM或组件实例

11. Vue技术栈开发实战-从SplitPane组件谈Vue中如何“操作”DOM

  1. 简单两列布局
  2. 如何让两个div改变宽度
  3. 鼠标拖动效果
  4. v-model和.sync的用法

12. Vue技术栈开发实战-渲染函数和JSX快速掌握

  1. render函数
  2. 函数式组件
  3. JSX
  4. 作用域插槽

13. Vue技术栈开发实战-递归组件的使用

  1. 封装简单Menu组件
  2. 递归组件

14. Vue技术栈开发实战-登录/登出以及JWT认证

  1. 后端代码概览
  2. 登录以及Token处理
  3. Token过期处理
  4. 退出登录

15. Vue技术栈开发实战-响应式布局

  1. Vue-cli3.0中使用iView
  2. 布局组件的使用
  3. 栅格组件实现响应式布局

16. Vue技术栈开发实战-可收缩多级菜单的实现

  1. 递归组件实战
  2. v-if和v-show对比

17. Vue技术栈开发实战-可编辑表格的实现

  1. JSX进阶
  2. 单个单元格编辑表格
  3. 多单元格编辑表格

18. Vue技术栈开发实战-Tree组件实现文件目录-基础实现

  1. Tree组件使用
  2. 扁平数据树状化
  3. 自定义组件结构

19. Vue技术栈开发实战-Tree组件实现文件目录-高级实现

  1. 封装文件目录组件
  2. 操作目录
  3. 多个属性v-model替代方案
  4. 增加钩子函数

20. Vue技术栈开发实战-文件上传前后端(Node.js)实现

  1. Node.js服务
  2. 前端上传、下载
  3. 自行控制文件上传

21. Vue技术栈开发实战-Form表单

  1. 基础表单
  2. 动态组件
  3. 动态表单

22. Vue技术栈开发实战-权限控制

  1. 简单权限方案
  2. 动态挂载路由
  3. 页面和组件级别控制

23. Vue技术栈开发实战-Icon组件

  1. Unicode&Symbol
  2. font-class
  3. 封装单色和多色Icon组件

24. Vue技术栈开发实战-大数据量性能优化

  1. 列表优化
  2. 大型表单优化
  3. 表格优化

25. Vue技术栈开发实战-多Tab页开发

  1. 根据路由列表生成菜单
  2. 多标签实现
  3. 菜单、URL和标签联动

26. Vue技术栈开发实战-项目部署

  1. 项目配置注意点
  2. Jenkins配置
  3. Nginx配置

15 条评价

大大yeah · 12月4日

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

载入中...
luojiyin · 12月2日

有对应的github 网址

载入中...
xianengqi · 11月16日

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

载入中...
lucky · 10月31日

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

载入中...
reachxout · 10月30日

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

载入中...
djkloop · 10月4日

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

  • 1 回复
Lison讲师 · 10月4日

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

载入中...
Defaul · 9月19日

棒棒哒,很值!

  • +1
载入中...
厚朴酚XZ9lr · 9月14日

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

  • +4
载入中...
刘家奇 · 9月6日

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

  • +3
载入中...
forest_wt · 9月5日

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

  • +1
载入中...

课程列表

1.Vue技术栈开发实战-使用vue-cli3创建项目
26分钟 · 可试看
2.Vue技术栈开发实战-路由基础篇
30分钟 · 可试看
3.Vue技术栈开发实战-路由进阶篇
48分钟 · 可试看
4.Vue技术栈开发实战-状态管理bus的使用
22分钟 · 可试看
5.Vue技术栈开发实战-状态管理Vuex(一)
25分钟 · 可试看
6.Vue技术栈开发实战-状态管理Vuex(二)
39分钟 · 可试看
7.Vue技术栈开发实战-状态管理Vuex进阶
17分钟 · 可试看
8.Vue技术栈开发实战-Ajax请求实战
32分钟 · 可试看
显示全部 26 节课

SegmentFault 讲堂是什么?

SegmentFault 讲堂是以开发者为中心的视频演讲平台。 旨在和开发者一起分享和创造有价值的技术内容。 目前讲堂主要有视频观看,下载相关文档以及和主讲人聊天互动的功能。

关注 SegmentFault 服务号

  • 订阅讲堂开播提醒
  • 及时获取更多直播动态

添加 SF.GG 讲堂粉丝 QQ 群

  • 群号码:642336612(备注 SF 用户名)
  • 不定期获取讲座优惠信息,随时和开发者交流互动