Vue的computed计算属性和watch的异同

最新推荐文章于 2024-02-19 16:44:21 发布

VIP文章马小兜-

最新推荐文章于 2024-02-19 16:44:21 发布

阅读量881

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_43514149/article/details/108397188

版权

触发条件不同
computed计算属性会依赖于它的data属性，只要是依赖的data属性有变动的话，则自定义重新调用计算属性执行一次
watch则是在监控data属性值发生变化的时候，其余会自动调用watch回调函数
执行速度不同
computed计算属性的值是从缓存中获取的，而不是重新编译执行一次，因而其性能要高一些，尤其是在data属性没有发生变化的时候，而重复调用computed回调函数
使用方式不同
computed计算属性的回调函数方法可以直接在页面中通过插值表达式{ {}}来获取，此时我们不需要在data数据域中再定义一个与方法名相同的属性
watch的方法名必须是data数据域中存在的，否则无法使用

都可以实现通过监控data数据域中属性值的变化来触发相应的回调函数，进而实现业务逻辑

<!DOCTYPE html>
<html lang="en"

关注