Vue3全局函数与提示

今天遇到一个问题，一个项目需要用到一个全局函数，使用过程中一直提示函数Property xxx does not exist on type '{ $: ComponentInternalInstance; ...，查找不少资料后，终于解决了提示的问题，代码如下。注意声明不能放在.d.ts文件中。

Screenshot 2023-01-09 at 13.02.55.png

const install = (app: App, opts = {}): App => {
  app.config.globalProperties.$url = function (url: string) {
    if (!url || url.startsWith('http')) return url
    return `${__root}/${url}`
  }
}

declare module '@vue/runtime-core' {
  export interface ComponentCustomProperties {
    $url: (string) => string
  }
}