vue typescript 全局插件引入

---

文章目录

• • • 全局插件文件声明（config.ts）
    • main.ts 引入
    • @L_502_2@

---

全局插件文件声明（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 文件夹内

@H_404_52@

// 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 类型
  }
}

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。