如何对数据变化增加监控

写在前面：主要是对现有查阅知识的整理~

第一部分：vue数据变化的监控是如何做到的

（链接：https://blog.csdn.net/weixin_34345560/article/details/94609189）

mvvm框架里的数据监控对象，包括：基本数据类型和对象，对象分为对象和数组

首先是对普通数据类型和对象的监控，其次是对数组的监控。

对对象的监控需要用到递归：

代码部分（仅核心）：

19     <script>
20         //创建一个data对象作为数据层model
21         //输入时,将input的值传给data,data接到值后,触发通知函数,并将值传给show
22         //当data的值被修改时候,触发data的set,将input的值修改,并传值给show
23         const data = {
24             value: '',
25             demo: ''
26         }
27         oInput.oninput = function () {
28             data.value = this.value;
29         }
30 
31         function observe(data) {//监控对象属性发生变化
32             if (!data || typeof data !== '