vue计算属性和监听属性

Vue中的计算属性（computed）和监听属性（watch）用于处理数据的变化并响应相应的操作。

计算属性是基于Vue实例中的其他属性计算而来的属性。它们通过定义一个函数来实现，函数返回计算后的值。计算属性会根据所依赖的属性自动更新，只有在依赖的属性发生改变时才会重新计算。计算属性可以像普通属性一样在模板中使用，使用上更加简洁和直观。

监听属性是在数据变化时执行相应的操作。当某个属性发生变化时，可以通过watch来监视这个属性，并执行相应的回调函数。监听属性可以用于处理异步操作、复杂的逻辑判断以及对数据变化的精细控制。

总结来说，计算属性适用于基于已有数据进行计算，并将结果作为一个新的属性使用；而监听属性适用于监听数据的变化并执行特定的操作。