Vue TypeScript Dataプロパティの型指定

個人開発したアプリの宣伝
目的地が設定できる手帳のような使い心地のTODOアプリを公開しています。
Todo with Location

Todo with Location

  • Yoshiko Ichikawa
  • Productivity
  • Free

スポンサードリンク

よく忘れるのでメモしておきます。

以下の例ではObject型と定義したPosition型を持つdataプロパティの型定義の例。

export type Position = {
  lat: number,
  lng: number
}

export default Vue.extend({
  data () {
    return {
      myProperty: {} as Object,
      balloon: {} as Position,
      myProperties: [] as Array<Object>
      markers: [] as Array<Position>
    }
  }
})