erqiae的博客

vue2中的数据响应式是根据Object,defineProperty实现的，使用这个方法每次只能对一个对象中的一个数据进行数据劫持，若需要将对象中的所有属性都设置为响应式的，则需要递归遍历实现深层次的监听，以此对对象中的数据进行数据劫持，在性能方面表现很差。V2使用的是选项式API，最直观的感受就是写法的局限性很大，需要按照他提供的写法进行书写，由于它的数据和逻辑分散在各个选项中，当组件的逻辑变得复杂时，很难进行维护和理解。V3使用的是组合式API，写法更加灵活，更偏向原生的写法。

通过自定义defineReactive函数对Object.defineProperty进行封装，并进行导出//传的值等于对象本身的值get() {console.log('访问了' + key + '属性');return val;},console.log('修改了' + key + '属性');})observe函数会在下文中进行讲解。