• 一、计算属性

一、计算属性

• 表达式的逻辑过于复杂的时候，应当考虑使用计算属性。

• 计算属性是以函数形式，在 选项对象的 computed 选项中定义。

• 示例一：方法形式

    computed: {
      // 计算属性的 getter
      reverseMessage() {
        return this.message.split('').reverse().join('');
      } 
    }

• 示例二：对象形式

      computed: {
        // getter
        fullName: {
          get() {
            return `${this.firstName}${this.lastName}`
          } 
          set(newValue) {
            this.xxx = newValue
          }
        } 
      }

• 使用方法能实现与计算属性形同的结果，那么有必要使用计算属性吗？

  • 有必要的，这是因为计算属性是基于它的响应式依赖进行缓存的，只有在计算属性的相关响应式依赖发生改变时才会更新值。这就意味着只要依赖的值没有发生改变，多次访问计算属性 会立即返回之前的计算结果，而不会再次执行函数；而如果采用方法，则每次都会执行。