VUE-浅谈对双向绑定的理解

VUE-浅谈对双向绑定的理解

一、定义

一种MVVM模型，通过model、view、viewModel进行双向绑定

二、组成部分

1、数据层 model: 存储数据及业务逻辑
2、视图层 view：展示效果
3、业务逻辑层 viewModel:关联数据和视图 从而进行双向绑定

三、viewModel运行原理：

1、observer:对所有数据（属性）进行监听
2、compiler:更新

四、JS

1、new MVVM()
2、Observer:劫持监听所有属性 通知变化Dep -> Watcher -> 试图更新 Updater
3、Compiler:订阅变化 Watcher