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

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

内容简介

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

本课程面对人群:

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

课程大纲:

1. Vue技术栈开发实战-使用vue-cli3创建项目
使用Vue UI创建、管理项目
项目结构目录整理
初始文件添加
基本配置详解
使用代理解决跨域
2. Vue技术栈开发实战-路由基础篇
Router-link和router-view组件
路由配置
i. 动态路由
ii. 嵌套路由
iii.命名路由
iv. 命名视图
JS操作路由
重定向和别名
3. Vue技术栈开发实战-路由进阶篇
路由组件传参
HTML5 History模式
导航守卫
路由元信息
过渡效果
4. Vue技术栈开发实战-状态管理bus的使用
5. Vue技术栈开发实战-状态管理Vuex(一)
State
Getter
6. Vue技术栈开发实战-状态管理Vuex(二)
Mutation
Action
Module
7. Vue技术栈开发实战-状态管理Vuex进阶
Vuex插件的开发和使用
严格模式
Vuex+双向绑定
8. Vue技术栈开发实战-Ajax请求实战
解决跨域问题
封装Axios
i. 列表项目
ii.响应拦截
iii.队列管理
请求实战
9. 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配置

资源下载此资源下载价格为19.9自学币,VIP免费,请先
资源下载
下载价格19.9 自学币
VIP免费

本站资料仅供个人学习和研究使用 若本帖作者内容侵犯了原著者的合法权益请提供相应证明材料本站审核通过后将即予以处理

0

评论0

本站资源持续更新中,只需赞助118自学币即可开通终生会员!
显示验证码
没有账号? 注册  忘记密码?

社交账号快速登录