# 一. computed 接口

这里有个示例：

^^^{.fr .w-45}

从左侧代码可以知道，`plusOne` 是这样定义的：

```js
const plusOne = computed({
  get: () => count.value + 1,
  set: (val) => {
    count.value = val - 1
  }
})
```

> 💡 它使用了 `computed` 接口。

^^^

```js
/** demo **/
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
```

上面的代码来自 [Vue 官方文档](https://vuejs.org/api/reactivity-core.html#computed)。

# 二. 总结

`computed` 接口可以传入 `get` 和 `set` 属性。