工具:ts支持
- 使用defineComponent 全局方法定义组件,让TS正确推断vue组件类型。
- 复杂类型和接口,可以使用type assertion. interface Book{} const book:{} as Book
- 注解返回类型,TS难以推断computed类型,需要注解计算属性的返回类型。
- const computed=(():string=>a.title})
- 注解props,TS对vue中某些类型的字段进行验证,使用PropType指明构造函数。
interface Book {name:string}
props:{
callback:{type: Function as PropType<()=>void> book},
book:{type: Object as PropType<Book>}