视频简介
本课程全面系统地讲解最新的前端框架Vue.js 2.x,内容涵盖响应式计算机制、指令和组件、动画效果等诸多方面,教程深入浅出,即适合没有Vue.js开发基础的前端初学者学习,也适合具备一定基础的工程师深入学习提高。
章节介绍
初识Vue.js 2
- 渐进式前端框架
- Hello Vue.js 2
- 使用隐式渲染
- 使用HTML模板
- 模型声明与绑定
- 模板的数据上下文
- 响应式计算机制
- 交互行为声明
- 实例方法声明
- 生命周期钩子
模型变换 —— 计算属性与过滤器
- 计算属性
- 计算属性 vs. 实例方法
- 可写计算属性
- 过滤器
- 过滤器参数
- 过滤器级联
响应式计算 —— 数据驱动视图
- 数据驱动:从拼接到响应式计算
- 监听数据变化
- 变化检测原理与实现 —— 拦截写操作
- 数据依赖性推理
- 依赖推理原理与实现 —— 拦截读操作
- 监听数组变化
- 动态管理模型数据 —— 非根属性
- 动态管理模型数据 —— 根属性
- 渲染引擎 —— 模板编译与VDOM渲染器
- 渲染引擎 —— DOM更新器
- Vue实例的启动引导
模板语法 —— 数据绑定
- 文本绑定语法
- 插值表达式隐身
- 属性绑定语法
- DOM属性绑定
- 样式绑定语法
- 样式类绑定语法
- 影响绑定的特殊指令
模板语法 —— 逻辑控制
- 条件渲染语法
- 互斥渲染语法
- 多分支切换渲染语法
- 条件显示语法
- 循环迭代语法
- 对象迭代语法
- 整数迭代语法
模板语法 —— 事件监听
- 事件监听语法
- 监听指令值的编译处理
- DOM事件修饰符
- 键盘事件修饰符
模板语法 —— 表单输入
- 双向绑定指令
- 指令修饰符
- 绑定多行文本输入
- 绑定复选框输入
- 绑定单选框输入
- 绑定选择列表输入
指令开发 —— 应用场景与使用方法
- 简介
- 创建自定义指令
- 指令配置对象
- 钩子函数参数
- 案例:马克笔指令
- 案例:瀑布流布局指令
组件开发 —— 状态、属性与事件
- 组件化概述
- 创建自定义组件
- 组件类的简化表示
- 组件的状态
- 组件的属性
- 属性默认值
- 属性值验证器
- 自定义验证器
- 组件的事件
- 让组件支持v-model指令
- 让组件支持.sync修饰符
组件开发 —— 槽的应用场景与使用方法
组件开发 —— 实践与提高
- 组件命名约定
- 动态加载组件
- 访问其他组件/元素
- 案例:标签卡组件
- 使用渲染函数
- 案例:评级组件
- 创建异步组件
动态效果 —— 场景、机制与组件
- CCS过渡和动画
- 模型驱动的动画
- 使用transition组件
- 使用CSS动画机制
- 集成第三方CSS动画库
- 过渡的钩子函数
- 使用JS动画机制
- 集成第三方JS动画库
- 多个元素/组件切换的过渡
- 列表成员的过渡效果
- 过渡期间的位移效果
- 列表过渡的钩子函数