vue3 script setup 中computed 写法

在 Vue 3 中，可以使用 `<script setup>` 区块来编写组件，并且可以使用 `defineExpose` 来暴露出组件内部的属性和方法。在 `<script setup>` 区块中，可以使用 `computed` 函数来定义计算属性，具体写法如下：

<script setup>
  import { computed } from 'vue'

  const count = ref(0)

  const doubleCount = computed(() => {
    return count.value * 2
  })
</script>

在以上例子中，我们先从 `vue` 中导入了 `computed` 函数，然后定义了一个响应式的变量 `count`，接着使用 `computed` 函数定义了一个计算属性 `doubleCount`，它的值是 `count` 的值乘以 2。

需要注意的是，在 `<script setup>` 区块中，我们不需要使用 `return` 关键字来返回组件选项，而是直接将选项的对象字面量放在区块中。此外，由于 `<script setup>` 区块中的变量和函数都是在编译时处理的，因此无法使用 `this` 访问组件实例。