美文网首页
computed和methods的区别

computed和methods的区别

作者: hualayou | 来源:发表于2020-11-11 18:33 被阅读0次

computed

computed属性是vue的计算属性,是数据层到视图层的数据转化反映;

计算属性是基于他们的依赖进行缓存的,只有在相关依赖发生改变时,他们才会重新求值,也就是说,只要他的依赖没有发生变化,那么每次访问的时候计算属性都会立即返回之前的计算结果,不再执行函数;

区别

1.computed是响应式的,methods并非响应式。

2.调用方式不一样,computed定义的成员是像属性一样访问,methods定义的成员必须以函数形式调用。

3.computed是带缓存的,只有依赖数据发生改变,才会重新进行计算,而methods里的函数在每次调用时都要执行。

4.computed中的成员可以只定义一个函数作为只读属性,也可以定义get/set变成可读属性,这点是methods的成员做不到的。

5.computed不支持异步,当computed内有异步操作时无效,无法监听数据的变化

注意

如果声明的计算属性计算量非常大的时候,而且访问量次数非常多,改变的时机却很小,那就需要用到computed;缓存会让我们减少很多计算量。

相关文章

  • 5.计算属性

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

  • 计算属性

    计算属性关键词:computed methods方法和computed的区别 区别: 可以使用 methods 来...

  • 05 methods和computed区别

    computed和methods的区别 在new Vue的配置参数中的computed和methods都可以处理大...

  • Day 07计算属性computed的使用

    computed 和methods的区别我们可以使用 methods 来替代 computed,效果上两个都是一样...

  • vue中methods 和 computed 和 watch方法

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

  • 11 计算属性和过滤器

    1.methods和computed的区别 如以下代码:computed1.html

  • 计算属性和过滤器

    1.methods和computed的区别 如以下代码:computed1.html

  • 计算属性

    1.计算属性get方法: 计算属性(computed)和Methods区别:计算属性(computed)适合:有缓...

  • 04.conputed

    methods和conputed区别 1.computed是属性调用,而methods是函数调用2.compute...

  • 关于Vue的一些入门知识

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

网友评论

      本文标题:computed和methods的区别

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