Vue的核心

组件化和数据响应化

1. 组件化：

   1. 没有组件：以整个页面开发为完整单位。
      • 开发单元太大
      • 重复的区域重复编写
   2. 组件：把页面抽离成一个单独的功能模块
      • 结构层次清晰
      • 减少重复的代码，提高开发效率和可维护性
      • 更有利于团队协同开发 

2. Vue响应式原理（深入响应式原理 — Vue.js）

   1. 就是数据变化后，就是要去做一些事情；
   2. 首先把我们的数据通过object.deineProperty遍历对象的每一个属性变成一个getter和setter函数，读取数据会运行getter，给属性赋值会运行setter。
   3. Render函数会生成虚拟DOM树，会影响界面。当我们render函数会运行getter函数，watcher就会记录这个render函数和getter函数的关联，叫依赖收集（collect as dependency）。
   4. 当我们重新赋值，运行setter函数，会通知watcher会重新触发render函数，改变DOM。