vue3 +ts 自定义全局变量

1. 全局变量挂载

// vue2
Vue.prototype.$lm = {}

// vue3
const app = Vue.createApp({})
app.config.globalProperties.$lm = {}

2.声明类型

使用 ts 的情况下,挂载完全局变量后,在 vue 文件中,通过 this 对象 . 出来提示,不存在该类型

我们需要声明一下:

新建一个 xxx.d.ts 文件

//xxx.d.ts
export{} // 必须保留
declare module '@vue/runtime-core' {
    interface ComponentCustomProperties {
        $lm:any
    }
  }

ok,现在就可以通过 this 对象 .$lm 变量了

  • Vue.js

    Vue.js(读音 /vjuː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    227 引用 • 641 回帖 • 473 关注
  • TypeScript
    12 引用 • 5 回帖 • 1 关注

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...