曙海教学优势
本课程,秉承二十一年积累的教学品质,以项目实现为导向,面向企事业项目实际需要,老师将会与您分享设计的全流程以及工具的综合使用经验、技巧。课程可定制,线上/线下/上门皆可,热线:4008699035。
曙海培训的课程培养了大批受企业欢迎的工程师。大批企业和曙海
建立了良好的合作关系,合作企业30万+。曙海培训的课程在业内有着响亮的知名度。
Vue2.0项目实战开发培训课程,vue2.0培训
课程目标:
通过该课程的学习,学员应能够掌握Vue 2.0的主要功能与应用场景。能结合知识解决各种复杂的前端项目开发问题。能开发基于网页的移动应用。能构建环境并测试自己的代码,并打包与发布自己的项目。
课程大纲:
主题 |
内容 |
Vue基础 |
1.前端介绍及主要应用场景 2.三大前端框架的简单介绍与优缺点 3.Node.js简介和安装及注意事项 4.教学用的起始工程安装 5.Hello World 6.实例生命周期 7.模板语法:插值 8.模板语法:指令 9.模板语法:缩写 10.计算属性 11.侦听器 12.Class 与 Style 绑定 13.条件渲染 14.列表渲染 15.事件处理 16.表单输入绑定 |
Vue组件 |
1.组件的介绍 2.基本示例 3.组件注册-全局注册 4.组件注册-局部注册 5.组件注册-模块系统 6.Prop 类型 7.传递静态或动态 Prop 8.单向数据流 9.Prop 验证 10.自定义事件-自定义组件的 v-model 11.自定义事件-将原生事件绑定到组件 12.插槽常用方法 13.动态组件 |
Vue路由
|
1.路由基础 2.起步 3.动态路由匹配-响应路由参数的变化 4.动态路由匹配-捕获所有路由或 404 Not found 路由 5.动态路由匹配-匹配优先级 6.嵌套路由 7.代码控制路路由/命名路由 8.命名视图 9.重定向和别名 10.路由组件传参 11.导航守卫 12.过渡动效-单个路由的过渡 13.过渡动效-基于路由的动态过渡 14.路由元信息 15.路由懒加载 |
Vue进阶
|
1. 混入-基础 2. 混入-选项合并 3. 混入-全局混入 4. 过滤器 5. 渲染函数 6. JSX 7. 自定义指令 8. 插件的实现 |
Vue状态管理 |
1. 什么是状态管理 2. 状态管理原则 3. 安装 4. 简单实例 5. 核心概念-State 6. 核心概念-Getters 7. 核心概念-Mutations 8. 核心概念-Actions 9. 核心概念-Modules 10. 项目结构 11. 插件 12. 表单处理 |
异步编程
|
1. 同步与异步 2. 回调函数(Callback) 3. 事件监听 4. 发布订阅 5. Promise 6. async/await 7. 异步调用与跨域问题的解决方式 8. Axios的介绍 9. Axios实际使用案例 |
Vue实例演示 |
1. 实例功能介绍 2. element ui介绍与安装 3. 状态管理 4. 数据中心 5. 登录页面 |
Vue实例演示 |
6. 用户管理页面 7. Bug显示页面 8. 录入bug 9. bug状态修改 10. 发布 |
移动端开发基础 |
1. 移动端开发与桌面开发的异同 2. 移动端的网页 3. 响应式页面的开发原理 4. 基于element ui开发响应式页面 5. 修改实战项目,支持响应式页面 |
vue打包与发布 |
6. 继续修改实战项目,支持响应式页面 7. Vue CLI 8. webpack基础 9. 打包功能(html, css, js) 10. 热加载 11. 发布 12. 布署 |