Vue2.js的项目也可以加入TypeScript类型标注,体验类型标注带来的编程体验
本文是支持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>