vue中的计算属性和侦听属性的区别

计算属性： computed 

computed是用来计算出来一个值 ，这个值调用的时候不需要加括号，会根据依赖进行缓存，依赖不变，computed的值不会重新计算

侦听属性： watch （两个属性）

1immediate：表示是否要在第一次渲染的时候执行这个函数

2deep：如果我们监听一个对象，那么我们是否要看这个对象里面属性的变化

不同点：

1.依赖方式：计算属性依赖于定义时所依赖的数据，当依赖的数据变化时，计算属性会自动更新； 而watch则需要在数据变化时手动调用。

2.用途：计算属性更适合做筛选操作，例如根据用户的年龄范围筛选商品列表；而watch更适合做执行异步或开销较大的操作，例如发送请求获取数据。

3.执行顺序：当计算属性和watch同时监听一个数据时，watch的回调函数会先执行，计算属性的回调函数会在所有watch的回调函数执行完毕后执行。

原创作者： 吴小糖

创作时间：2024.2.21