计算属性调用不需要括号（立即执行函数），方法需要括号
计算属性只是引用值，无法进行参数传递，方法可以传参
计算属性会缓存值，方法不会缓存值
当需要在数据变化时执行异步或开销较大时应该使用计算属性
当需要的数据是实时变化的，那么请使用方法

          
一 什么是计算属性？
计算属性(computed)，也是一个属性，也是用来存储数据用的，但是和data属性相比还是有区别
    1 数据是可以进行逻辑处理相关的操作
    2 可以对计算属性中的数据进行监视
例如:
调用的方式都是一样的
二 计算属性和方法的区别？
    1 计算属性是基于它所依赖的数据进行更新，在有在相关依赖的数据发生变化了才会进行更新，而普通的方法每次都会执行
    2 计算属性是有缓存的，只要它所依赖的数据没有发生改变，后面的每一次访问计算属性中的值，都是之前缓存的结果，不会重复执行。
例如:
html代码:
当计算属性中所依赖的数据没有发生变化，也就是num的值没有变化，就不会去执行getNum(){}中的代码，取出的数据是之前的缓存数据，一旦num发生了改变，就是执行
getNum(){}中的代码，就会再一次输出当前的系统时间，
而普通的方法每次都会执行。



				
转载于:https://blog.51cto.com/11871779/2131234

    
1、我们可以将同一函数定义为一个方法或是一个计算属性。两种方式的最终结果确实是完全相同的。不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。
2、使用计算属性还是methods取决于是否需要缓存，当遍历大数组和做大量计算时，应当使用计算属性，除非你不希望得到缓存。
我们为什么需要缓存？假设我们有一个性能开销比较大的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于 A 。如果没有缓存，我们将不可避免的多次执行 A 的 getter！如果你不希望有缓存，请用方法来替代。
3、计算属性是根据依赖自动执行的，methods需要事件调用。

转载于:https://www.cnblogs.com/tanweiwei/p/10600804.html

方法其实是调用的计算属性的getter方法；

// 在组件中
methods: {
  fullName: function () {
    return this.firstName + ' ' + this.lastName
  }
}

计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter ：

// ...
computed: {
  fullName: {
    // getter
    get: function () {
      return this.firstName + ' ' + this.lastName
    },
    // setter
    set: function (newValue) {
      var names = newValue.split(' ')
      this.firstName = names[0]
      this.lastName = names[names.length - 1]
    }
  }
}
// ...

另外 如果返回值不变，computed是有缓存的，所以性能比methods要好。

推荐 Vue中条件渲染v-if和v-show有什么区别