【无标题】vue3 组合式API --- computed()

computed()

作用：计算属性，读写响应式 ref 对象，通过 .value 获取。

参数：

• 接收一个 getter 函数，只读不可写。
• 接收一个对象，对象包含 get 和 set 函数，可读可写。

// 只读
const count = ref(1)
const plusOne = computed(() => count.value + 1)

console.log(plusOne.value) // 2

plusOne.value++ // 错误

// 可读可写
const count = ref(1)
const plusOne = computed({
  get: () => count.value + 1,
  set: (val) => {
    count.value = val - 1
  }
})

plusOne.value = 1
console.log(count.value) // 0