---

文章目录

• • • 全局插件文件声明（config.ts）
    • main.ts 引入
    • 增强类型以配合插件使用（src/types/my-property.d.ts）

---

全局插件文件声明（config.ts）

/** config.ts 全局配置 */
export const config = {
  /** 正则表达式 */
  reg: {
    /** 验证码 */
    captcha: /^\d{6}$/,
  }
};

export default {
  install(Vue: any) {
    Vue.prototype.$config = config;
  },
};

main.ts 引入

import config from 'common/js/config'; // 注册全局配置，common配置了alias

Vue.use(config);

增强类型以配合插件使用（src/types/my-property.d.ts）

文件名需以 d.ts 结尾
且放置在 src 文件夹内

// 1. 确保在声明补充的类型之前导入 'vue'
import Vue from 'vue';

// 2. 定制一个文件，设置你想要补充的类型
//    在 types/vue.d.ts 里 Vue 有构造函数类型
declare module 'vue/types/vue' {
  // 3. 声明为 Vue 补充的东西
  interface Vue {
    /** 参数配置集 */
    $config: Record<string, any>; // 这里也可以直接声明为 any 类型
  }
}