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. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好的课程或者教程,可以投稿,分享有学币奖励和额外收入!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
6. 如遇到加密压缩包,默认解压密码为"aixdata.com",如遇到无法解压的请联系管理员!
HONG'S学院 » Vue技术栈开发实战

HONG'S 学院,专注分享有价值的知识资源

立即查看 了解详情