首页 > 其他分享 >vue3+ts 为原型上添加属性声明

vue3+ts 为原型上添加属性声明

时间:2022-09-05 23:24:46浏览次数:140  
标签:vue ts 添加 原型 vue3 属性

背景

比如在vue2的情况下我们有的时候需要为Vue的原型对象上添加属性或方法,vue3的情况下需要为app挂载全局属性配置,但是结合了ts后,在vue文件中会报警告,但是程序可以正常被执行

  1. 挂载全局配置
  2. 组件中使用

解决办法

找到shims-vue.d.ts文件后,进行如下配置即可

// 注意:这个不能省略
export {}
declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    // 调整成你要使用到的属性,在这里进行注册
    $filters: any
  }
}

配置后警告消失了~~~

参考

https://www.jianshu.com/p/ecc240dd746d

标签:vue,ts,添加,原型,vue3,属性
From: https://www.cnblogs.com/it774274680/p/16660035.html

相关文章