什么是 Virtual DOM

• Virtual DOM（虚拟 DOM），是由普通的 JS 对象来描述 DOM 对象
• 真实 DOM 成员

学习目的

• 了解响应式原理，从原理层面解决实际项目中的问题
  1. 给 Vue 实例新增一个成员是否是响应式的？
  2. 给属性重新赋值成对象，是否是响应式的？
• 学习 Vue 响应式原理，为学习 Vue 源码做铺垫

vue-router 基础回顾

• 使用 vue-cli 创建一个 vue 应用，创建时选择 router 插件，自动生成 vue-router 的基础代码结构，先选择使用 hash 模式