Vue.js_18_计算属性和 methods 的对比

本系列博客汇总在这里：Vue.js 汇总

计算属性和 methods 的对比

---

源码工程文件为：

对比说明

当我们学完计算属性和 methods 以后，我们可能会考虑这样的一个问题：

methods 和 computed 看起来都可以实现我们的功能，那么为什么还要多一个计算属性这个东西呢？

原因：计算属性会进行缓存，如果多次使用时，计算属性只会调用一次。

我们来看下面的代码：

• • 
    
• 使用 methods 进行多次调用
  
• 使用计算属性进行多次调用
  
  • 
    

所以，以后如果遇到类似的场景操作，多使用计算属性，会提高性能的！

如有错误，欢迎指正！