watch和computed区别和联系
computed:computed是计算属性,也就是计算值,它更多用于计算值的场景computed具有缓存性,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调用对应的getter来计算computed适用于计算比较消耗性能的计算场景
watch: 更多的是「观察」的作用,类似于某些数据的监听回调,用于观察props $emit或者本组件的值, 当数据变化时来执行回调进行后续操作无缓存性,页面重新渲染时值不变化也会执行
**
**
不同点:
1)使用场景不同:computed擅长处理多个数据变动对一个数据的影响,watch擅长处理一个数据影响多个数据。或者如果你需要在某个数据变化时做一些事情,使用watch来观察这个数据变化
2)有些时候代码会更简洁。比如处理多个数据对一个数据进行影响的时候,使用computed会更简洁。或者当我们要进行数值计算,而且依赖于其他数据,那么把这个数据设计为computed