使用ts开发时如果要使用第三方js库的同时还想利用ts诸如类型检查等特性就需要声明文件,类似
    xx.d.ts。

    1. $ npm i @types/xxx

    @vue/cli项目中对已存在模块进行补充

    1. // main.ts
    2. import axios from 'axios';
    3. Vue.prototype.$axios = axios;
    4. // shims-vue.d.ts
    5. declare module '*.vue' {
    6. import Vue from 'vue'
    7. export default Vue;
    8. }
    9. // vue.d.ts
    10. import VueRouter, { Route } from 'vue-router'
    11. import { Store } from 'vuex'
    12. import { AxiosInstance } from "axios";
    13. // 对已存在模块进行补充
    14. declare module "vue/types/vue" {
    15. interface Vue {
    16. $router: VueRouter;
    17. $route: Route;
    18. $store: Store<any>;
    19. // 利用模块补充$axios属性到Vue实例,从而在组件里面直接用
    20. $axios: AxiosInstance;
    21. }
    22. }