响应式依赖（响应式的优缺点）

本文目录一览：

• 1、java响应式编程和观察者编程区别
• 2、能说说vue的响应式原理吗?
• 3、vue2响应式原理总结
• 4、计算属性与方法的区别

java响应式编程和观察者编程区别

1、响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流，而相关的计算模型会自动将变化的值通过数据流进行传播。

2、他们都是观察者模式的具体实现。观察者模式是设计模式中定义的一种思想，而具体到不同的语言环境，使用不同的语法表现出来就会有java的listener objc的 delegate，或者C++的 callback。

3、RxJava是一个响应式函数编程库，而EventBus是一个事件总线库。RxJava 主要做异步、网络的数据处理，而对于处理完后的数据处理是一样的都是观察者模式来通知。

能说说vue的响应式原理吗?

vue响应式基本原理是基于Object.defineProperty(obj，prop，descriptor)，descriptor里面可以定义get和set方法，可以在获取属性值事触发get方法（可以收集依赖），设置属性值时触发set方法（更新依赖）。

vue响应式数据原理是利用Object。defineProperty这个API来实现，该API可以监听对象属性的get和set，当对象属性被调用时，它能够自动触发更新视图。Vue的响应式实现，便是通过使用Object。

当一个vue实例加载时，会进行初始化，将他的配置项options和mixins的内容合并，以options为主，而在初始化data时，会对data对象进行数据劫持，并做代理，通过Object。

vue3响应式原理主要通过 Proxy 代理对象 虚拟dom就是用普通的js对象来描述 DOM 对象 真实dom成员复杂，虚拟dom可以用简洁的方式来表示实现真实dom，创建虚拟dom开销小。

可以发现， Vue3 是在取值的时候才去递归遍历属性的，而非 Vue2 中一开始就递归 data 给每个属性添加 Watcher ，这也是 Vue3 性能提升之一。

Vue3 使用 Proxy 对象重写响应式系统，这个系统主要有以下几个函数来组合完成的：reactive：接收一个参数，判断这参数是否是对象。

vue2响应式原理总结

1、vue响应式数据原理是利用Object。defineProperty这个API来实现，该API可以监听对象属性的get和set，当对象属性被调用时，它能够自动触发更新视图。Vue的响应式实现，便是通过使用Object。

2、vue2响应式原理主要通过 Object.fefineProperty 当把一个普通的js对象传入 Vue 实例作为 data 选项，Vue将遍历此对象所有的属性，并使用 Object.fefineProperty 把这些属性全部转为 getter/setter 。

3、vue2中Object.defineProperty响应式只对对象有效，对数组无效，所以对数组做额外处理。

4、这里附上vue响应式原理的地址： vue2数据响应式原理 在vue的watcher实例中配置了lazy，dirty，value属性，就是用来配合实现computed的API。

计算属性与方法的区别

1、属性过程则不同，属性过程可以理解为特殊的方法或函数，这个方法只有一个参数并且只能返回一个值。

2、计算属性是基于它们的依赖进行缓存的。只有依赖值改变时，计算属性才重新求值。依赖不变时，多次访问计算属性，会直接返回之前的计算结果，不必再次执行函数。而每次访问调用方法时，它都会再次执行函数。

3、调用 methods 里的方法也可以与计算属性起到同样的作用 方法 methods ： 如果是调用方法，只要页面重新渲染。

4、一个是类的方法（也叫动态属性）和属性（静态属性），通过类名来访问 一个是对象的方法和属性，需要通过一个实例来访问。

5、它强调的是费用支出的合理有效，而不论其是否与生产直接、间接有关。在这种情况下，期间费用归集的是所有不合理的、无效的支出。

6、”同时，《办法》第十三条至第二十一条对有关部门和单位的税收协助义务进行了具体规定。《办法》第二十七条对有关部门和单位不履行税收协助义务规定了法律责任。关于信息共享。