Vue TypeScript:使用类型声明数据

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

DocumentReference docRef=null

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

将

docRef:null写入DocumentReference

会导致类型脚本错误：

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

---

我不想将

docRef:null写为任何

，这会抑制任何相关的错误和警告。

若要存档所需内容，必须键入传递给

Vue.extend

的选项。例如：

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

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