Vue->computed与watch的异同

不一样点

触发条件不一样

• computed计算属性会依赖于使用它的data属性，只要是依赖的data属性值有变更，则自定义从新调用计算属性执行一次。

• watc则是在监控的data属性值发生变更时，其会自动调用watch回调函数。

执行速度不一样

• computed计算属性的值是直接从缓存中获取，而不是从新编译执行一次，于是其性能要高一些，尤为是在data属性中的值无变化，而重复调用computed回调函数时更是如此，因此说在Vue中，应该尽量的多使用computed替代watch。

• watch中的值须要data属性从新编译执行，于是其性能方面会有所损失。

使用方式不一样

• computed计算属性的回调函数方法能够直接在页面中经过插值表达式——{{}}来获取。此时咱们不须要再data数据域中再定义一个与方法名相同的属性。

• watch中的方法名必须是data数据域中所存在的，不然没法使用。

相同点

• 均可以实现经过监控data数据域中属性值的变化来触发相应的回调函数，进而实现咱们特殊的逻辑业务处理功能。

写在最后

但愿个人分享对你有所帮助，更多资讯请持续关注，我会分享愈来愈多的实战经验哦！ 或加入大前端知识体系社区一块儿探索技术:608229520