reactive结合computed如何定义类型？

Question

  interface Demo {
    name: string[]
  }
  const demo = reactive<Demo>({
    name: []
  })
  const names = ['张三']
  //类型“ComputedRef<string[]>”缺少类型“string[]”的以下属性: length, pop, push, concat 及其他 35 项。
这里该如何定义name的类型？
  demo.name = computed(() => {
    return names
  })

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

在Vue 3中，computed函数返回一个ComputedRef类型的对象，而不是直接返回数组。因此，你需要将demo.name的类型更改为ComputedRef<string[]>。同时，你需要从vue包中导入computed和reactive函数。以下是修改后的代码：

import { computed, reactive } from 'vue'

interface Demo {
  name: ComputedRef<string[]>
}

const demo = reactive<Demo>({
  name: computed(() => {
    return names
  })
})

const names = ['张三']

这样，你就可以正确地定义name的类型并使用computed函数了。