Vue Essentials

Vue 核心最基本的功能

• 声明式渲染
  Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。
  vue01: 数据绑定到DOM文本；数据绑定到DOM特性

• 条件与循环
  vue02: 数据绑定到DOM结构

• 处理用户输入
  vue03: 事件监听器；表单输入和应用状态之间的双向绑定

• 组件化应用构建
  组件系统是一种抽象，允许使用小型、独立和通常可复用的组件构建大型应用。
  如何将任意类型的应用界面抽象为一个组件树？
  Vue中, 一个组件本质是一个拥有预定义选项的一个Vue实例。
  vue04:

Vue实例

• 创建一个Vue实例
• 数据与方法
• 实现生命周期的钩子
  • create
  • mount
  • update
  • destroy

模板语法

• 插值
• 指令
• 缩写

计算属性和侦听器

• 计算属性
• 侦听器

Class 与 Style 绑定

• 绑定 HTML Class
• 绑定内联样式

条件渲染

• v-if
• v-show
• v-if vs v-show
• v-if & v-for

列表渲染

事件处理

• 监听事件
• 事件处理方法
• 事件修饰符
• 按键修饰符
• 系统修饰键
• 为什么在HTML中监听事件?

表单输入绑定

• 基础用法
• 值绑定
• 修饰符
• 在组件上使用v-model

组件基础

• 基本示例
• 组件的复用
• 组件的组织
• 通过Prop向子组件传递数据
• 单个根元素
• 通过事件向父级组件发送消息
• 通过插槽分发内容
• 动态组件
• 解析DOM模板时的注意事项