vuejs

最新推荐文章于 2020-06-02 16:10:02 发布

qq_35370923

最新推荐文章于 2020-06-02 16:10:02 发布

阅读量106

点赞数

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

本文链接：https://blog.csdn.net/qq_35370923/article/details/84136699

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

watch 与 computed的区别

看了一堆人说的话，我说一个通俗易懂的用法

 watch: {
        firstName: function (val) {
            this.fullName = val + ' ' + this.lastName
        }
   }

当firstName值发生变化时，变化后的值作为val传入函数中，然后函数重新给 fullName赋值。等于fullName基于firstName的变化而变化

  computed: {
            fullName: function () {
               return   this.firstName + ' ' + this.lastName
            }
       }

这里要注意,fullName不能在data中定义，两个函数实现的功能一样，但是computed这个里面firstName与lastName任意一个变化，fullName也会变化，但是watch中firstName变化才会让fullName变化。
其实最好的方法就是自己写几个变量，然后分别watch与computed一下，然后就明白了，笔者也是看别人说的一脸懵逼，自己试了才发现的。