vue3+ts官网介绍

205 阅读1分钟

工具:ts支持

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