vue中的属性方法computed与methods的区别

一、computed与methods的区别：

1.实质上computed计算属性中定义的是属性而不是函数，所以使用时直接用{{xxx}}，而不要使用{{xxx()}}；——后面详细说明

   而methods中定义的是函数，因此使用时需要{{xxx()}}。

2.计算属性computed被使用时会进行缓存，如果需要多次使用，则只需要调用1次；总结一下就是计算属性是依赖于缓存的，属性必须return。

   而methods中的函数无缓存，如果需要使用n次，则需要调用n次。

   相比较而言方法methods则消耗内存。

因此，需要多次使用时，推荐使用计算属性computed。

二、为什么使用计算属性computed时不用()

计算属性的实质为属性，其中定义了set()方法和get()方法：

而一般使用中不需要set方法，我们只需要get方法，因此计算属性一般为“只读属性”。

去掉无用的set方法后，computed属性简写为我们常见的方式：

因此，只是形式上看起来像函数，实质上computed计算属性是属性。使用计算属性时，直接使用{{fullName}}，不要加()。
 

总结

以上是生活随笔为你收集整理的vue中的属性方法computed与methods的区别的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。