计算属性

计算属性用于计算视图中显示的属性。
这些计算将被缓存，并且仅在必要时更新。
计算属性和方法之间的区别在于计算属性会被缓存，并且只有在它们的依赖关系发生变化时才会发生变化。
每次调用方法时都会对其进行评估。

如果我们想知道 Vue.js 中是否可以在计算属性中传递参数，我们应该阅读本教程。

很可能你会想要一种方法来做到这一点：

<span>{{ fullName('Hi') }}</span>
methods: {
  fullName(salut) {
      return `${salut} ${this.firstName} ${this.lastName}`
  }
}

但是，我们可以使用带有如下参数的计算属性：

computed: {
   fullName() {
      return salut => `${salut} ${this.firstName} ${this.lastName}`
   }
}