v3+ts使用computed写法

在Vue.js 3 + TypeScript中，使用`computed`函数创建计算属性的方法与JavaScript版本基本相同，只是需要更多的类型注解。下面是一个示例：

import { defineComponent, ref, computed } from 'vue'

export default defineComponent({
  name: 'MyComponent',
  setup() {
    const count = ref<number>(0)

    const doubleCount = computed<number>(() => count.value * 2)

    return {
      count,
      doubleCount
    }
  }
})

在上面的示例中，我们使用了`defineComponent`函数来定义组件，并使用`ref`和`computed`函数来创建`count`和`doubleCount`两个响应式数据。需要注意的是，我们在`ref`函数和`computed`函数中都明确指定了数据类型，这是因为TypeScript需要在编译时知道变量的类型。

另外，如果你使用的是类组件语法，那么计算属性的写法也是类似的。你只需要在类中使用`@computed`装饰器来声明计算属性即可，例如：

import { Component, Vue, Prop, Watch, Emit } from 'vue-property-decorator'

@Component
export default class MyComponent extends Vue {
  private count: number = 0

  @computed
  private get doubleCount(): number {
    return this.count * 2
  }
}

需要注意的是，如果你使用类组件语法，你需要安装`vue-class-component`和`vue-property-decorator`这两个库，并在tsconfig.json中进行相应的配置。