目录

• 课时01🍡

  • 安装
  • 渲染——声明式
  • 文本插值
  • 元素属性
    • 条件指令
    • 循环指令
    • 事件监听
    • 双向绑定
  • 组件应用
    • 定义
    • 使用
    • 渲染

• 课时02🍡

  • 实例
  • 选项对象
    • 数据对象
      • 创建
      • 注入
      • 修改
      • 冻结
    • 属性暴露
  • 生命周期
    • 过程
    • 钩子
      • 创建阶段
      • 触发阶段
      • 更新阶段
      • 销毁阶段
      • 箭头函数
    • 图示
  • 拓展阅读
    • 组件系统

• 课时03🍡

  • 模板语法
    • 文本插值
    • 属性绑定
      • 一次指令
      • 原始插值
      • 指令参数
      • 指令修饰
      • 指令缩写
    • 用表达式
  • 扩展阅读
    • 渲染函数
    • JSX语法

• 课时04🍡

  • 模板语法
    • 属性计算
      • 例子
      • Computed与methord PK
      • Computed与watch PK
      • Computed的setter
      • watch

• 课时05🍡

  • 模板语法
    • 样式绑定
      • Class的绑定
        • 对象语法--内联定义在模板里
        • 对象语法--写在数据属性里
        • 对象语法--写在计算属性里
        • 数组语法--内联定义在模板里
        • 三元表达--内联定义在模板里
      • Style的绑定
        • 对象语法--内联定义在模板里
        • 对象语法--写在数据属性里
          - 对象语法--写在计算属性里
        • 数组语法--写在数据属性里
        • 自动前缀

• 课时06🍡

  • 模板语法
    • 条件渲染
      • v-if
      • v-else
      • v-else-if
      • v-show
      • 在 <template> 元素上使用 v-if 条件渲染分组
      • 用 key 管理可复用的元素（每次切换时，输入框都将被重新渲染）
      • 不用 key 管理可复用的元素（每次切换时，不会清除用户已经输入的内容）

• 课时07🍡

  • 模板语法
    • 列表渲染
      • 数组 v-for="item in items"
      • 数组 v-for="(item, index) in items"
      • 对象 v-for="value in object"
      • 对象 v-for="(value, key) in object"
      • 对象 v-for="(value, key, index) in object
      • 数组更新检测
      • 数组替换--filter|concat|slice
      • 数组更新其他
      • 对象更新检测
      • 显示一个数组的过滤或排序副本--使用属性计算
      • 显示一个数组的过滤或排序副本--使用方法
      • 一段取值范围的 v-for
      • 在<template>上使用 v-for
      • v-for with v-if 想为仅有的一些项渲染节点时
      • v-for with v-if 想有条件地跳过循环的执行

• 课时08🍡

  • 模板语法
    • 事件处理
      • 事件监听
        • 于模板中
        • 于方法中
      • 事处理器
        • 于模板中(短时推荐)
        • 于方法中(长时推荐)
      • 事修饰符
        • 鼠标
        • 键盘
        • 系统ctrl VS alt VS shift VS meta

• 课时09🍡

  • 模板语法
    • 表单输入
      • 双向绑定
      • 单行文本
      • 多行文本
      • 单复选框
      • 多复选框
      • 单选按钮
      • 单选择框
      • 多选择框
      • 用 v-for 渲染的动态选项
      • 值的绑定
        • 复选框
        • 单选按钮
        • 选择框
      • 修饰符lazy-使用 change 事件进行同步
      • 修饰符number-自动将用户的输入值转为数值类型
      • 修饰符trim-自动过滤用户输入的首尾空白字符

• 课时11🍡

  • 模板语法
    • 组件
      • 概念
      • 注册
        • 全局注册
        • 局部注册
        • 写在哪里
        • 数据对象
        • 传递数据
        • 属性命名
        • 动态绑定
        • 字面量语法 vs 动态语法
        • 单向数据
        • 数据验证
        • 直接传入
        • 属性合并
        • 自定事件
        • 给组件绑定原生事件
        • 使用自定义事件的表单输入组件
        • 自定义组件的 v-model
        • 非父子组件的通信
        • 内容插槽
          • 匿名插槽
          • 有名插槽
          • 默认内容
          • 设作用域
        • 动态组件
        • 组件缓存
        • 编写可复用组件
        • 子组件引用
        • 异步组件
        • 命名约定
        • 对低开销的静态组件使用 v-once
      • 实例
      • 使用
      • 渲染

• 课时12🍡

  • 模板语法
    • 组件注册
      • 组件名字
      • 全局注册
      • 局部注册
      • 模块系统
      • 基础组件
        • 手动局部注册
        • 自动全局注册

• 课时13🍡

  • 模板语法
    • 数据传递
      • 名字规范
      • 静态数据
      • 动态数据
      • 传入数字
      • 传布尔值
      • 传入数组
      • 传入对象
      • 传入一个对象的所有属性
      • 单向数据
      • 数据验证
      • 特性挂载
        • 不希望组件的根元素继承特性
        • 手动决定特性赋予————推荐创建基础组件时用

• 课时14🍡

  • 模板语法
    • 事件定义
    • 事件绑定
      • 名字规范
      • 自定义组件的 v-model
      • 将原生事件绑定到组件
• • 模板语法
    • 组件基础
      • 基本示例
      • 复用组件
        • data须是一个函数
        • 将组件组合在一起
        • 向子组件传递数据
        • 各组件单个根元素
        • 向父组件发送消息
          • 在父组件中监听事件
          • 在子组件中触发事件
        • 向各组件传递内容
        • 组件之间动态切换
        • 模板解析注意事项
• • 模板语法
    • 复用合成
      • 混合对象
        • 概念
        • 定义
      • 选项合并
        • 条件
        • 策略
      • 全局混合
        • 适用场景
        • 自定选项
        • 合并策略
• • 模板语法
    • 自定指令
      • 全局注册
      • 局部注册
      • 钩子函数
        • 何时调用
        • 调用次数
        • 钩子参数
          • 绑的元素
          • 一个对象
          • 虚拟节点
        • 函数简写
• • 模板语法
    • 渲染函数
      • 适用场景
      • 简单示例
      • 函数参数
        • 标签名称
        • 数据对象
        • 子点数组
      • 数据对象
        • 类名class
        • 样式style
        • 普通的html属性attrs
        • 组件传入的属性props
        • DOM属性domProps
        • 事件监听on
        • 原生事件监听nativeOn
        • 自定指令directives
          • 指令名称name
          • 传入的值value
          • 指令参数arg
          • 其表达式expression
          • 修饰符modifiers
        • 子点插槽
        • 父点插槽
        • 其他属性
      • 完整示例
      • 限制
        • 重复使用
      • 使用脚本
        • 条件渲染
        • 循环渲染
        • 双向绑定
        • 事件修饰
          • 事件冒泡
          • 默认事件
          • 源于自身
          • 某一按键
        • 内容插槽
          • 访问匿名插槽
          • 访作用域插槽
      • 函数组件
        • 简单示例
        • 参数选项
        • 适用场景
        • 容器组件
        • 行为定义
      • 模板编译
• • 模板语法
    • JSX
      • 简单示例
• • 模板语法
    • 插件
      • 编写插件
        • 添加方法属性
        • 添加全局资源
        • 注入组件选项
        • 添加实例方法
        • 提供接口类库
      • 使用插件
        • 调用全局方法
        • 传入一些选项
        • 自动调用注册
• • 模板语法
    • 过滤
      • 适用场景
      • 全局注册
      • 局部注册
      • 使用方式
      • 传入参数
• • 开发工具
    • 生产模式
      • 代码压缩
      • 预译模板
      • 提取样式
      • 提取脚本
      • 错误跟踪
    • 开发模式
      • 预编处理
      • 自动刷新
      • 数据模拟
      • 接口代理
• • 文件组件
    • 适用场景
      • 规模宏大
      • 脚本驱动
      • 语法高亮
      • 可含样式
      • 预编处理
    • 简单示例
    • 松散耦合
• • 单元测试
    • 简单示例
      • 导入类库
      • 导入组件
      • 简单断言
      • 类示例化
      • 挂载元素
      • 组件渲染
      • 断言输出
    • 异步断言
      • 适用场景
      • 简单示例
• • 路由管理
• • 状态管理
    • 适用场景
    • 简单示例
    • 共享数据
    • 私有状态
    • 变更记录
    • 事件分发
• • 后台渲染
    • 适用场景
    • 环境搭建
• • 模板语法
    • 响应原理
      • 如何追踪变化
      • 变化检测问题
      • 加响应式属性
      • 定响应式属性
      • 异步更新队列
• • 模板语法
    • 接口文档
      • 类库属性
        • 创建子类Vue.extend( options )
        • 异步更新Vue.nextTick( [callback, context] )
        • 属性设置Vue.set( target, key, value )
        • 属性删除Vue.delete( target, key )
        • 指令建获Vue.directive( id, [definition] )
        • 过滤建获Vue.filter( id, [definition] )
        • 插件挂载Vue.use( plugin )
        • 混合创建Vue.mixin( mixin )
        • 模板编译Vue.compile( template )
        • 类库版本Vue.version
      • 选项对象
      • 实例属性
        • 其根元素vm.$el
        • 初始选项vm.$options
        • 数据对象vm.$data
        • 传的数据vm.$props
        • 父级实例vm.$parents
        • 根级实例vm.$root
        • 子级组件vm.$children
        • 子点插槽vm.$slots
        • 父级插槽 vm.$scopedSlots
        • 其子组件vm.$refs
        • 后台渲染vm.$isServer
        • 传的属性vm.$attrs
        • 其监听器vm.$listeners
        • 属性监听vm.$watch( expOrFn, callback, [options] )
        • 属性添加vm.$set( target, key, value )
        • 属性删除vm.$delete( target, key )
        • 事件监听vm.$on( event, callback )
        • 事件监听vm.$once( event, callback )
        • 事件移除vm.$off( [event, callback] )
        • 事件触发vm.$emit( event, […args] )
        • 实例挂载vm.$mount( [elementOrSelector] )
        • 重新渲染vm.$forceUpdate()
        • 异步更新vm.$nextTick( [callback] )
        • 挂载清除vm.$destroy()
      • 模板指令
        • 插入文本
          • 编译插入v-text
          • 原文插入v-html
        • 条件渲染
          • 显隐元素v-show
          • 建毁组件v-if|v-else|v-else-if
        • 列表渲染v-for
        • 事件监听v-on|@
          • 停止传播.stop
          • 阻默行为.prevent
          • 由父及己.capture
          • 源于自身.self
          • 源于某键 .keyup.13
          • 原生事件.native
          • 只触一次.once
        • 属性绑定v-bind|:
        • 表单输入v-model
        • 原始输出
          • 渲染时显v-pre
          • 结束后显v-cloak
        • 渲染一次v-once
        • 特殊属性
          • 强制替换key
          • 节点引用ref
          • 插槽标记slot
          • 子点插槽slot-scope
          • 动态组件is
      • 内置组件
        • 动态组件component
        • 过渡组件transition|transition-group
        • 缓存组件keep-alive
        • 分发组件slot