课件名称

渐进式前端框架 Hello Vue.js 2 使用隐式渲染 使用HTML模板 模型声明与绑定 模板的数据上下文 响应式计算机制 交互行为声明 实例方法声明 生命周期钩子

计算属性 计算属性 vs. 实例方法 可写计算属性 过滤器 过滤器参数 过滤器级联

数据驱动：从拼接到响应式计算 监听数据变化 变化检测原理与实现 —— 拦截写操作 数据依赖性推理 依赖推理原理与实现 —— 拦截读操作 监听数组变化 动态管理模型数据 —— 非根属性 动态管理模型数据 —— 根属性 渲染引擎 —— 模板编译与VDOM渲染器 渲染引擎 —— DOM更新器 Vue实例的启动引导

文本绑定语法 插值表达式隐身 属性绑定语法 DOM属性绑定 样式绑定语法 样式类绑定语法 影响绑定的特殊指令

条件渲染语法 互斥渲染语法 多分支切换渲染语法 条件显示语法 循环迭代语法 对象迭代语法 整数迭代语法

事件监听语法 监听指令值的编译处理 DOM事件修饰符 键盘事件修饰符

双向绑定指令 指令修饰符 绑定多行文本输入 绑定复选框输入 绑定单选框输入 绑定选择列表输入

简介 创建自定义指令 指令配置对象 钩子函数参数 案例：马克笔指令 案例：瀑布流布局指令

组件化概述 创建自定义组件 组件类的简化表示 组件的状态 组件的属性 属性默认值 属性值验证器 自定义验证器 组件的事件 让组件支持v-model指令 让组件支持.sync修饰符

概述 槽内容的上下文 槽内容的分发 带作用域的槽

组件命名约定 动态加载组件 访问其他组件/元素 案例：标签卡组件 使用渲染函数 案例：评级组件 创建异步组件

CCS过渡和动画 模型驱动的动画 使用transition组件 使用CSS动画机制 集成第三方CSS动画库 过渡的钩子函数 使用JS动画机制 集成第三方JS动画库 多个元素/组件切换的过渡 列表成员的过渡效果 过渡期间的位移效果 列表过渡的钩子函数