您现在的位置是:首页» windows系统» vue3.0 typescript,vue3typescript环境搭建

vue3.0 typescript,vue3typescript环境搭建

2024-07-13 03:13:04
本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。那么在近期更新的vue3.0且使用ts的项目中,我们该怎样拓展一个方法呢?vue3.0使用typescript重构,而拓展方

本内容由系统网小编为大家分享,Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

那么在近期更新的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

XTw.com.Cn系统网专业应用软件下载教程,免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息,解决一体化的办公方案。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com

标签: 报错 拓展 方法