学习笔记:Vue2 编写类型声明文件,使全局注入属性得到类型声明

461 阅读1分钟

全局注入属性如$http等,为组件中this.$http提供类型提示

// \src\global.d.ts

import { AxiosInstance } from "axios";
import Vue from "vue";

// 2. 定制一个文件,设置你想要补充的类型
// 在 types/vue.d.ts 里 Vue 有构造函数类型
declare module "vue/types/vue" {
  // 3. 声明为 Vue 补充的东西(注:ts中interface会进行声明合并)
  interface Vue {
    $eventBus: Vue;
    $http: AxiosInstance;
  }
}

即可在组件中得到类型提示

image.png

image.png