Vue中的计算属性和监听属性有什么区别

计算属性和监听属性是Vue中常用的两种属性，它们用于处理响应式数据的变化。

计算属性是根据现有的数据计算出一个新的值，并将该值缓存起来，只有相关的依赖数据发生变化时，才会重新计算。计算属性是基于其依赖进行缓存的，只有在依赖的值发生变化时，才会重新计算，当依赖的值没有变化时，会直接返回缓存的结果。所以，计算属性适合用于复杂的逻辑和需要进行缓存的计算。

监听属性是当某个值发生变化时，立即执行指定的函数或表达式。监听属性通过 watch 选项来设置，它可以监控一个或多个数据的变化，可以通过深度监听、立即执行以及延时执行等方式来满足不同的需求。所以，监听属性适合用于对数据的变化进行操作或处理副作用。

简而言之，计算属性适用于计算和缓存结果，监听属性适用于对数据变化的实时响应和执行副作用。

🔺❣💚当你需要在模板中使用一个根据其他数据计算得出的值时，应该使用计算属性。
🔺❣💚当你需要在数据发生变化时触发某个函数或表达式，或者需要对数据进行复杂的处理或操作时，应该使用监听属性。

根据具体需求选择合适的方式可以提高程序的性能和可维护性。

https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8d50367051a84aba9b14885efcdd468b