VUE框架是如何实现MVVM设计模式的：VUE的绑定原理

笔记 1 .

VUE框架是如何实现MVVM设计模式的：VUE的绑定原理

整理了一下老师的笔记，做一下记录，方便以后忘了还有个看的地方，23333~~

1. 创建new Vue（）对象，做了两件事：
   （1） 隐藏data中的原变量，为每个变量创建访问器属性，从此，在new Vue中使用的任何变量其实都是访问器属性。
   （2）引入methods 并打散methods为多个函数，因此原methods中的函数不在隶属于methods，而是直接隶属于new Vue（）对象。所以，methods中的函数打散后与访问器属性平级，以后methods中的方法想访问访问器属性变量，就需要加this。

2. new Vue() 中的 el："#app" 指引new Vue（）对象去创建虚拟DOM树：
   （1）为 el 属性 “#app” 所指向的页面区域的真实DOM树，只找出可能发生变化的元素，保存进虚拟DOM树。
   （2）今后，只要new Vue（）中修改了变量，其实就是修改了访问器属性。访问器属性就会向虚拟DOM树发出通知，然后虚拟DOM树就会找出受本次变量修改影响的个别元素，利用虚拟DOM树内部已经封装好的DOM操作只修改页面上受本次影响的元素。不受本次影响的元素不会改变

3. 总结 ： VUE原理 = 访问器属性 + 虚拟DOM树。