主要介绍了Vue数据驱动模拟实现的相关资料，实现Observer构造函数，监听已有数据data中的所有属性，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、前言 在随笔“模拟Vue之数据驱动1”结尾处，我们说到如果监听的属性是个对象呢？那么这个对象中的其他属性岂不就是监听不了了吗？ 如下：   倘若user中的name、age属性变化，如何知道它们变化了呢？ 今儿，就来解决这一问题。 通过走读Vue源码，发现他是利用Observer构造函数为每个对象创建一个Observer对象，来监听数据的，如果数据中的属性又是一个对象，那么就又通过Observer来监听嘛。 其实，核心思想就是树的先序遍历（关于树，可参考here）。如我们将上述Demo中的

注意！此项目已重建，当前版本为2.0，老版本请查看下载1.0版本 说明 DBM是一个数据源管理系统，包含数据源管理，开放授权两个模块，数据源管理指关系型数据的一键导入，按需筛选，指定转换等功能，开放授权指数据拥有者给用户开放数据的增，删，改，查等操作权限。部署或使用此系统可以给你的前端项目带来数据持久化的功能，而不再是数据模拟。 DBM前端是使用vue-cli脚手架构建的一个SPA应用，主要依赖于与 ，因此要让前一步分离更彻底，前端在开发时将根据与相应商定的接口协议使用Mockjs模拟响应，在

一、前言 在”模拟Vue之数据驱动2″中，我们实现了个Observer构造函数，通过它可以达到监听已有数据data中的所有属性。 但，倘若我们想在某个对象中，新增某个属性呢？ 如下： 那么岂不是，新增的infor属性，以及它的对象属性，没有得到监听。 此时，应该怎么处理呢？ 通过走读Vue源码，发现他是采用另增属性方法$set实现的。 就是说，如果我们采用常规方法为对象增加属性（如上），我们没法得知并监控它，所以，我们为每个对象扩展一个$set方法，用于另增属性使用，即可，如下： data.