Как указать тип переменной vue?

Question

[hinie]

Здравствуйте, почему попытка указать тип

data() {
    return {
      files: <FileList | null | undefined>undefined,
    };
  },

Приводит к ошибке Parsing error: Identifier expected.eslint

Answer 1

[Андрей Румм]

1) Каст типа через `as`

data() {
  return {
    files: myFiles as FileList;
  }
}

2) Обозначение типов у метода

data(): {
  files?: <FileList | null>;
} {
  return {
      files:  undefined,
  };
}

3) Определение через generic Vue.extend, что является наиболее грамотным подходом.

interface Data {
  files?: <FileList | null>;
}

export default Vue.extend<Data, Methods, Computed, Props>({
  data() {
      return {
        files: undefined
      };
   }
 });