如何深入解析VUE中的响应式属性装饰器实现原理？

本文共计1331个文字，预计阅读时间需要6分钟。

目录 + 前言 + 不使用任何响应式API + 使用 reactive 实现 + 使用 ref 实现 + 使用装饰器实现 + 实现Reactive装饰器 + 实现Watch装饰器 + 总结 + 前言 + 使用面向对象的思想难以避免会用到类 + 类

目录

• 前言
• 不使用任何的响应Api
• 使用 reactive 实现
• 使用 ref 实现
• 使用装饰器实现
• 实现Reactive装饰器
• 实现Watch装饰器
• 总结

前言

使用面向对象的开发思想难免会用到类，既然有了类，那就应该有实例，然而我们使用类的时候可能需要实例中的某个属性是vue的响应属性，也可能里面的某个方法也可以被vue的watch监听。