データを設定するタイプコードを使ってVueデータオブジェクトに入力する

Question

現在、WebpackプロジェクトでTypescriptでVue.jsを使用しています。

私が持っている私のtsconfig.jsonでRecommended Configurationに示されているように：

私は私のコンポーネントの1インサイド

"strict": true,

：

declare interface Player { 
    cod: string, 
    param: string 
    } 

export default Vue.extend({ 
    name: 'basecomponent', 
    data() { 
     return { 
     players: [] 
     }; 
    }, 
    created() 
     let self = this 
     axios.get('fetch-data') 
     .then((response) => { 
      let res: Players[] = response.data; 
      for(let i = 0; i < res.length; i++){ 
       self.players.push(res[i]); 
      } 
     }) 
     .catch((error: string) => { 
      console.log(error); 
     }); 
    }, 
}); 

が、私は私が手コンパイルしよう：

error TS2345: Argument of type 'Player' is not assignable to parameter of type 'never'. 

原因私はplayers: []はnever[]タイプです。

私の質問は、どのようにタイプVueデータオブジェクトのプロパティを推測できますか？

Answer 1

dataメソッドの戻り値が宣言されていません。

1つを入力すると、TypeScriptはplayersで何を期待するのかを知ることができます。

data() {行を展開するだけです。

例えば：になるための

​​

ニーズ：

data() : { 
    people: Array<any>, // if possible, replace `any` with something more specific 
} { 
    return { 
    players: [] 
    }; 
}, 

多田！ playerはanyの配列になります。