SDK.CN

Vue.js 2 入门与提高

来源:汇智网
时间:多个视屏
难度:初级
播放:183

视频简介

本课程全面系统地讲解最新的前端框架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动画库
  •  多个元素/组件切换的过渡
  •  列表成员的过渡效果
  •  过渡期间的位移效果
  •  列表过渡的钩子函数


相关工具
SDK.CN

Vue.js

Vue.js通过简洁的API...

相关视频

推荐工具 意见反馈