解决Vue+ts里面this.$store问题

(this as any).$store 

import { Component, Prop, Vue ,Mixins} from 'vue-property-decorator'
import Httpminix from '../mixin/httpMixin'
@Component({
  mixins:[httpminix]
})
export default class HelloWorld extends Vue {
  public async getUser() : Promise<void> {
    const r = await this.apiGet('/show') //HelloWorld上没有apiGet方法
    this.firstName = JSON.stringify(r.data)
  }
}

import { Component, Prop, Vue ,Mixins} from 'vue-property-decorator'
import httpminix from '../mixin/httpMixin'
@Component
// 这里从继承Vue改成继承Minix函数，这样就有提示了
export default class HelloWorld extends Mixins(httpminix) {
  public async getUser() : Promise<void> {
    const r = await this.apiGet('/show')
    this.firstName = jsON.stringify(r.data)
  }
  public mounted() {
   this.getUser()
  }
}

// 定义一个全局变量 window 类型为Window
declare var window: Window;
// 截取Window接口
interface Window

interface Window {
  // 也可以添加 
  // 字符串签名 可以允许添加未知名称属性
  [p: string]: any
}
// 这样就可以使用如下代码不报错
import axiOS from 'axios'
window.axios = axios

window.axios //这里没有属性提示

import {AxiosStatic} from 'axios'
interface Window {
  axios: AxiosStatic
}

import {AxiosStatic} from 'axios'
interface Window {
  [p: string]: any
}

// 注意lib.dom.d.ts这里没有export
interface Window

// binGo  此时window.axios有提示啦
import { AxiosStatic } from "axios";
declare global {
  interface Window {
      axios: AxiosStatic
  }
}
export { };

declare global {
  // your type code
}

import Vue from 'vue'
declare module "vue/types/vue" {
  interface Vue {
    $message: string;
  }
}

this.$messgae //这里有属性提示