Vue2.js：TypeScript 支持Prop属性类型标注

Vue2.js的项目也可以加入TypeScript类型标注，体验类型标注带来的编程体验

本文是支持Prop属性类型标注示例

文档

• https://v2.cn.vuejs.org/v2/guide/typescript.html#标注-Prop

示例

src/entiry/IUser.ts

export interface IUser {
  id: number,
  name: number,
  age: string,
}

<template>
</template>

<script lang="ts">

import Vue from 'vue'
import type { PropType } from 'vue'

import type { IUser } from '@/entiry/IUser'

// 告诉 TypeScript 这是 Vue 组件
export default Vue.extend({
  props: {
    user: {
      type: Object as PropType<IUser>,
      required: true
    }
  }
})
</script>

<style>
</style>