25.watch对比computed

最新推荐文章于 2025-07-11 09:25:22 发布

爱前端的小周同学

最新推荐文章于 2025-07-11 09:25:22 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

分类专栏： vue学习笔记文章标签： vue

本文链接：https://blog.csdn.net/gxh0816/article/details/122427200

vue学习笔记专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了Vue.js中watch和computed两种属性的特点及使用方法。watch用于监视数据变化并执行相应操作，可通过immediate和deep选项进行增强。computed则提供缓存的计算属性，适合执行复杂的数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先再次回顾一下,watch和computed

watch

监视属性
最初绑定的时候是不会执行的，要等到要监视的值发生改变时才执行监听计算。如果希望第一次也监视的话可以加上immediate: true
还可分为深度监视,即加一个deep:true

如何监视呢?

watch: {
// firstName在data中有定义,如果你要监视它你就写它.如果你要监视data里面的其他属性的话,就写该属性名称.
  firstName: {
    handler(newName, oldName) {
      this.fullName = newName + ' ' + this.lastName;
    },
  }