Vue Typecript: объявление данных с типом

Question

Как я могу добиться следующего аналогичного в Vue с Typescript?

DocumentReference docRef = null

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

Запись docRef: null as DocumentReference дает ошибку машинописи:

преобразование нуля в тип DocumentReference может быть ошибкой

Я не хочу писать docRef: null as any, который подавляет любую связанную ошибку и предупреждение.

Answer 1

Чтобы заархивировать то, что вы хотите, вы должны ввести параметры Vue.extend. Например:

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

Возможно, Vue уже сделал этот интерфейс, поэтому я настоятельно рекомендую вам использовать его вместо создания собственного.