【Vue3+Ts project】typeof 作用 、components 全局组件添加类型

typeof

作用: 从对象内得到对象内对应的类型

const obj = { 
name:'jack',
age:10
}

type ObjType = typeof obj

// 使用类型
cosnt useObj:ObjType = { 
  name: , //这里必须为string
  age:    // 这里必须为number
}

components 全局组件添加类型
 

描述:将需要添加的全局组件引入ts文件内，并 typeof 取出 ，最后在 .vue template标签下使用 就是<cp-nav-bar/> 添加行内属性 title赋值number 有提示则表示生效 ，因为 title设置的类型是 string

 

import CpNavBar from '@/components/CpNavBar.vue';

declare module 'vue' {
    interface GlobalComponents {
        CpNavBar: typeof CpNavBar
    }
}