美文网首页Vue
computed methods watch区别

computed methods watch区别

作者: 说不出口的喵 | 来源:发表于2019-03-15 15:40 被阅读6次

computed是属性调用,而methods是函数调用

computed带有缓存功能,而methods不是

computed定义的方法我们是以属性访问的形式调用的,{{xxx}}

但是methods定义的方法,我们必须要加上()来调用,如{{xxx()}}

在Vue实例化的时候,computed定义Test方法会做一次计算,返回一个值,在随后的代码编写中,只要Test方法依赖的message数据不发生改变,Test方法是不会重新计算的

这样的好处也是显而易见的,同样的,如果我们碰到一个场景,需要10000个Test的返回值,那么毫无疑问,这相对于methods而言,将大大地节约内存

哪怕你改变了message的值,computedTest也只会计算一次而已。

至于watch 我觉得类似iOS原生的通知。主要是处理逻辑用的。

1 methods 是定义方法的 不存在自动监听的

2 computed是监听属性变化的,是对vue的性能进行的提升。省的刷新

3 watch写监听逻辑 类似原生的方法

更详细的介绍 请看 这位兄弟的  讲的很通俗易懂。

https://www.cnblogs.com/penghuwan/p/7194133.html#_label0_0

相关文章

  • 2018-12-12

    Vuejs中关于computed、methods、watch的区别

  • Vue

    watch 和 computed 和 methods 区别 watch:监听,对data的数据监听回调, 当依赖的...

  • vue中methods 和 computed 和 watch方法

    methods 和 computed 和 watch方法的区别 computed是计算属性,是有依赖缓存的,只有在...

  • 关于Vue的一些入门知识

    watch 和 computed 和 methods 区别是什么?翻译一遍,说出作用,再找不同computed:计...

  • computed methods watch区别

    computed是属性调用,而methods是函数调用 computed带有缓存功能,而methods不是 com...

  • computed、watch、methods区别

    计算属性,侦听属性,方法,对于同一个需求,可能三种方式都可以实现,但是,如果功能作用都一样,那为什么还要出现三种呢...

  • Vue(4)computed,watch,methods

    computed和watch,methods的区别 1.computed是计算属性 它会根据所依赖的数据动态显示新...

  • Vue computed、watch、methods

    - computed & watch & methods computed & watch:当某一个数据(依赖数据...

  • 5.计算属性

    计算属性关键词:computed methods方法和computed的区别methods和computed的区别...

  • Vue methods computed watch 区别

    如果涉及到比较复杂的场景,我们应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值,当依赖的值发生改变...

网友评论

    本文标题:computed methods watch区别

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