简介
前端 MVP 模式框架中又出来了一个 Vue.js,已有超越 Angular、React之势。Vue.js是一套构建用户界面的渐进式框架,与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件
目标
1.快速了解和熟悉 Vue.js 基础知识以及开发工具
2.快速熟悉 ES6 以及一些函数柯里化等在 Vue.js 的应用
3.熟悉和掌握预编译 css 在 Vue.js 的应用
4.深入实战来了解 SPA 项目搭建
5.熟悉 Vue.js 中的前后端交互方式
6.了解组件原理,独立编写 Vue.js 组件
7.熟悉 1.0 和 2.0 的版本区别
8.熟悉数据流 vuex 的应用和原理
9.了解 Vue.js 框架实现细节
课程时长
2天(12H)
受众人群
1.有一定 js 基础或者对前端新技术感兴趣;
2.技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发
分享提纲
章节 | 内容 |
第一章 Vue.js 入门 | - 与其他框架的区别(jquery,angular,react等) - 双向绑定 - 指令 - 计算属性 - 过滤器 - class 与 style - 过渡 |
第二章 预编译 css 基础 | - 优势是什么 - sass - stylus - 在 Vue.js 中的配置和应用 |
第三章 ES6 语法补充 | - 模块 - 变量定义 - 函数 - Object 对象 - babel - 函数柯里化概念补充 - 在 Vue.js 中的配置和应用 |
第四章 开发工具 | - IDE 推荐 - 如何调试 Vue.js - 项目脚手架 vue-cli 介绍和使用 -vue-loader 配置和使用 |
第五章 与服务端交互方式 | - 插件介绍 - 跨域 - jsonp - 自定义请求头 |
第六章 事件和实例方法 | - method - events |
第七章 路由和视图 | -路由插件使用 - 搭建一个 SPA 项目 |
第八章 常用表单 | - v-model 的应用场景 - 验证插件使用 - 修饰指令 |
第九章 组件开发和使用 | - 基础 - 模板 - 异步 - 生命周期 - 基于第三方组件开发 |
第十章 设计一个公司级组件库 | - 文件结构 - 组件拆分 - 基于 2.0 和 1.0 开发差异 - 打包合并策略 |
第十一章 Vue.js 2.0 | - 1.0 迁移 2.0 的成本和变化 - 2.0 的新增 - Virtual DOM - 服务端渲染技术 |
第十二章 源码实现分析 | - 数据监控 - 响应式原理 - 事件绑定 |