vue3.0使用TypeScript 如何拓展一个方法并且this可以访问,不报错?
来源:http://www.tudoupe.com时间:2022-02-23
那么在近期更新的vue3.0且使用ts的项目中,我们该怎样拓展一个方法呢?
vue3.0使用typescript重构,而拓展方法的方式也更加规范
main.ts中
报错了,ts告诉我们$myProperty这个属性不在ComponentPublicInstance这个类型上面,我们来看一下解决办法:
新建index.d.ts文件
3.那么在setUp中如何使用全局的方法呢?
首先我们使用到一个3.0的apigetCurrentInstance()
这个方法返回的就是当前组件的实例实际用法
或者:
说明一下为什么要用as ,因为vue的源码里面,getCurrentInstance()这个方法返回的是
ComponentInternamInstance | null
或者
不用解构赋值,用?.也可以
注意,拓展完类型之后一定要重启,要不然会报错!!!
但是使用以上方法使用后出现import语句全部报错,解决方法:
不要放在.d.ts中,放在 main.ts中就不会报错
原文 :https://www.jianshu.com/p/12faae13496d
相关新闻
- 2023-05-06 微pe怎么初始化U盘(微pe怎么恢复初
- 2023-05-06 Xp系统boot 进入pe(boot manager 怎么进入
- 2023-05-06 win pe修复bcdboot(pe修复系统)
- 2023-05-06 win7更新失败 pe(win7更新失败还原更
- 2023-05-06 u盘装了pe读取不了(u盘能进pe读取不
- 2023-05-06 u盘pe 发热(u盘发热烫手)
- 2023-05-06 u盘pe下看不到硬盘(u盘启动pe看不到
- 2023-05-06 pe盘 ntfs(u盘ntfs格式)
- 2023-05-06 sony笔记本进入pe模式(联想笔记本怎
- 2023-05-06 pe启动盘进不去(pe启动盘进不去系统
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
