VUE基础(3):computed与watch

一、computed

1.computed是计算属性,也就是计算值,他更多用于计算值的场景。

2.computed具有缓存性,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调用对应的getter来计算。

3.computed适用于计算比较消耗性能的计算场景。

二、watch

1.watch更多的是“观察”的作用,类似于某些数据的监听回调,用于观察props、$emit或者本组件的值,当数据变化时来执行回调进行后续操作。

2.无缓存性,页面重新渲染时值不变化也会执行。

三、小结

1.当我们要进行数据计算,而且依赖于其他数据,那么把这个数据设计为computed。

2.如果你需要在某个数据变化时做一些事情,使用watch来观察这个数据变化。

猜你喜欢

转载自blog.csdn.net/imagine_tion/article/details/110680243