在vue2中我们采用options api来书写代码，在vue3中我们采用composition api来书写代码，此时我们将两种计算属性进行比较。
option api中的计算属性

export default {
    data() {
      return {
        firstName:"dmc",
        lastName:"dl" 
      }
    },
    computed: {
      fullName() {
        return this.firstName + this.lastName
      }
    }
  }

composition api中的计算属性
在componsition api中的计算属性中可以传入两个类型的值，一个是getter函数，另一个是包含getter和setter的对象。

let fullName = computed(() => {
        return firstName.value + " " + lastName.value
      })

上述代码中传入的参数是一个函数。

let fullName = computed({
        get() {
          return firstName.value + lastName.value
        },
        set(newValue) {
          let newArr = newValue.split(" ")
          firstName.value = newArr[0]
          lastName.value = newArr[1]
        }
      })

上述代码中传入的参数是一个对象。