Hash 模式 和 History 模式

表现形式的区别

• Hash 模式
  https://music.163.com/#/playlist?id=3102961863
• History 模式
  https://music.163.comlplaylist/3102961863

数据驱动

数据响应式

数据模型仅仅是普通的 JS 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高了开发效率

双向绑定

• 数据改变，视图改变；视图改变，数据也随之改变
• 在 vue 中，我们通过 v-model 在表单元素上创建双向绑定

数据驱动

• vue 最独特的特性之一
• 开发过程中仅需要关注数据（业务）本身，不需要关心数据是如何渲染到视图的

响应式核心原理

目标

• 了解什么是虚拟DOM，以及虚拟DOM的作用
• Snabbdom 的基本使用
• Snabbdom 的源码解析

什么是 Virtual DOM

本质上是以 JavaScript 对象形式存在的对 DOM 的描述，如下：

{
	sel: "div"，
	data: {},
	children: undefined,
	text:"Hello Virtual DOM",
	elm: undefined,
	key: undefined
}