vue中computed和watch的区别

场景

computed:适用于一个多个数据影响一个数据

watch:适用于一个数据影响多个数据

功能

computed是计算属性用于计算,返回计算后的值

watch是侦听器用于监听一个数据变化执行相应的回调函数

使用

computed函数内部要有return返回值

watch函数有新旧两个值的参数,在函数内部可以通过这些数据做相应的操作,不需要使用return

性能

computed计算函数只要依赖的数据没有发生改变,使用该函数返回的结果会从缓存中获取

watch函数在监听的属性改变时,每次都会执行回调函数