美文网首页
vue中computed和watch区别

vue中computed和watch区别

作者: xiaojingy | 来源:发表于2020-09-08 16:51 被阅读0次

    computed
    1、computed是计算属性,也就是依赖某个值或者props通过计算得来得数据;
    2、 computed的值是在getter执行之后进行缓存的,只有在它依赖的数据发生变化,会重新调用getter来计算;
    3、 不支持异步,当computed内有异步操作时无效,无法监听数据的变化;

    watch
    1、watch是监听器,可以监听某一个数据,然后执行相应的操作;
    2、不支持缓存,数据变直接会触发相应的操作;
    3、监听的函数接收两个参数,第一个参数是最新的值;第二个参数是输入之前的值;
    4、支持异步操作;

    什么时候用computed 什么时候用watch 比较合适?

    当多个属性影响一个属性的时候,建议用computed,比如:

    fullName(){
      return this.firstName + this.secondName
    }
    

    fullName是由firstName和secondName影响的,这种情况就适合computed;

    当一个值发生变化之后,会引起一系列的操作,这种情况就适合用watch;

    相关文章

      网友评论

          本文标题:vue中computed和watch区别

          本文链接:https://www.haomeiwen.com/subject/eandektx.html