计算属性computed

计算属性computed

基于现有的数据，计算出来的新属性。 依赖的数据变化，自动重新计算。

• 一个计算属性对应一个函数

• 使用起来和普通的属性一样：{{计算属性名}}

• 计算属性不能和data中的属性同名

• computed具有缓存作用，一旦进行计算就会缓存起来，使用的时候直接从缓存中获取，性能更优，相比于methods性能更好，methods每次调用都需要进行计算

• 默认使用不具备修改的功能，如果需要对计算属性中的属性进行修改，需要使用完整写法get()和set()方法

  computed: {
              // 基础使用
              // total() {
              //     处理计算结果，并进行返回
              //     return 结果
              // }
  
              // 进阶使用 -> 可以修改属性值
              total: {
                  get() {
                      //     处理计算结果，并进行返回
              		//     return 结果
                  },
                  set(newValue) {
                      // 这里可以接受到变化的值进行处理
                      console.log(newValue)
                      // 处理修改逻辑
                  }
              }
          }