项目环境为vue官方脚手架,webpack,cli5,vue3,ts
如果注册的是局部组件,那么props是有类型提示的,注册全局组件props就没有类型提示了
参考1:How to make VSCode recognize global component in Vue?
参考2:https://github.com/element-plus/element-plus/blob/dev/global.d.ts
解决方案:
src目录下 创建 global.d.ts文件
参考代码
// 全局注册的组件没有类型提示 以下为解决办法
import SvgIcon from '@/components/svgIcon/index.vue'
declare module 'vue' {
export interface GlobalComponents {
SvgIcon: typeof SvgIcon
}
}
export {}