typescript - Vue Typecript：用类型声明数据

Question

如何使用 Typescript 在 Vue 中实现以下类似功能？

DocumentReference docRef = null

export default Vue.extend({
    ...
    ...
    data: function(){
        return {
            docRef: null, //**here
        }
    },
})

写作docRef: null as DocumentReference给出打字稿错误：

将 null 转换为 DocumentReference 类型可能是一个错误

我不想写docRef: null as any抑制任何相关错误和警告的内容。

Answer 1

要归档您想要的内容，您必须将选项传递给Vue.extendtyped。例如：

interface VueExtendOptions {
  ...
  data: () => DocumentReference | null
}
const options: VueExtendOptions = {
  ...
  data: function(){
    return {
      docRef: null, //**here
    }
  }
}
export default Vue.extend(options)

可能 Vue 已经完成了这个接口，所以我强烈建议你使用它而不是自己创建。