vue基本原理

一、MVVM原理

MVVM是响应式，双向数据绑定，是指数据层（Model）-视图层（View）-数据视图（ViewModel）的响应式框架。

1.数据层（Model）-- Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。

2.视图层（View）-- View 很简单，就是用户看到的视图

3.数据视图（ViewModel）-- ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是ViewModel 通过双向数据绑定把 View层和 Model层连接了起来

 

二、Vue的基本原理

1、建立虚拟dom树;

2、通过Object.defineProperty()进行数据变化拦截;

3、截取到的数据变化，通过发布者-订阅者模式，触发Watcher，从而改变虚拟DOM中的具体数据;

4、通过更新虚拟dom的元素值，从而改变最后渲染dom树的值，完成双向绑定;