vue3 组合式api计算属性的getter和setter

Vue 3 中的组合式API（Composable API）允许开发者更方便地组织和复用组件逻辑。计算属性是一种特殊的响应式属性，它基于依赖的数据动态计算返回值。在组合式API中，计算属性通常通过 `ref` 和 `reactive` 配合 `get` 和 `set` 函数来实现 getter 和 setter。

**Getter (获取)：**
`get` 函数用于定义计算属性的计算逻辑，当数据源改变时，它会被自动调用并更新结果。例如：

const count = ref(0); // 创建一个可变引用
const formattedCount = computed(() => {
  return `${count.value} 人`;
});

在这里，`formattedCount` 就是一个计算属性，它的值会随着 `count` 变化而自动更新。

**Setter (设置)：**
虽然 Vue 的响应式系统并不直接支持计算属性的 setter，但我们可以利用函数式思维，在需要更新底层数据源时手动触发计算属性的更新。比如，当我们想增加计数时：

function increment() {
  count.value++; // 直接修改数据源
  // 如果需要触发 formattedCount 的更新
  formattedCount.value = formattedCount(); // 虽然这不是标准做法，但在某些场景下可行
}

**相关问题--:**
1. 在Vue 3中，为什么不在计算属性内部直接修改数据源？
2. 如何在Vue 3的计算属性中处理副作用？
3. 计算属性和watcher的区别是什么？