针对Vue3组件的代码添加方法、装置、设备及介质制造方法及图纸

本申请公开了一种针对Vue3组件的代码添加方法、装置、存储介质以及电子设备。其中方法包括：获取待添加类型检查代码的目标Vue3组件；获取所述目标Vue3组件中的目标变量；基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型；基于所述目标变量的目标数据类型，为所述目标变量添加类型检查代码。本申请能够快速、准确的根据目标数据类型来自动的为目标变量添加类型检查代码，提高了代码的添加速率。添加速率。添加速率。

【技术实现步骤摘要】
针对Vue3组件的代码添加方法、装置、设备及介质


[0001]本申请涉及计算机
，特别涉及一种针对Vue3组件的代码添加方法、装置设备及介质。

技术介绍

[0002]Vue是一套用于构建用户界面的渐进式JavaScript框架，也可以称为单页面应用框架，通过编写Vue组件，能够为复杂的单页面应用提供驱动。
[0003]目前前端行业内，在大型项目中，使用typescript(一种用于应用程序级JavaScript的语言，简称ts)进行开发越来越成为主流。使用ts进行项目代码的开发，可以提高项目代码的质量，增加代码的可维护性和健壮性。然而版本为2.0版本的单页面应用框架Vue不支持ts语法，由此通过其编写的Vue2组件也不支持ts语法。而最新推出的3.0版本的Vue单页面应用框架其支持了ts语法，本身底层核心代码也是通过ts进行编写，因此通过其编写的Vue3组件也支持了ts语法。因此在将Vue2组件升级到了Vue3组件后，如果需要对Vue3组件添加ts静态类型检查代码，则需要人工来操作，由此就需要开发人员花费时间学习、了解ts中的类型定义语法，然后进行代码添加，添加速度较慢，效率较低。

技术实现思路

[0004]有鉴于此，本专利技术提供了一种针对Vue3组件的代码添加方法、装置、设备及介质，主要目的在于解决目前代码添加较慢、添加效率低的问题。
[0005]为解决上述问题，本申请提供一种针对Vue3组件的代码添加方法，包括：
[0006]获取待添加类型检查代码的目标Vue3组件；
[0007]获取所述目标Vue3组件中的目标变量；
[0008]基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型；
[0009]基于所述目标变量的目标数据类型，为所述目标变量添加类型检查代码。
[0010]可选的，所述获取所述目标Vue3组件中的目标变量，具体包括：
[0011]获取所述目标Vue3组件中的目标对象；从所述目标对象中获取所述目标变量；
[0012]和/或，获取所述目标Vue3组件引用的非自身变量，以基于所述非自身变量获得所述目标变量。
[0013]可选的，在所述目标变量为目标对象中的变量的情况下，所述基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型，具体包括：
[0014]基于预定的判断方法对所述目标变量的初始值进行数据类型的判断，获得目标变量的第一数据类型；
[0015]确定所述目标变量在后续步骤中是否被使用，在确定所述目标变量未被使用的情况下，将所述第一数据类型作为所述目标变量的目标数据类型；在确定目标变量被使用的
情况下，根据所述目标变量对应的目标使用指令对目标变量的数据类型进行判断，获得第二数据类型；
[0016]基于所述第一数据类型以及第二数据类型确定所述目标变量的目标数据类型。
[0017]可选的，在所述目标变量为引用的非自身变量的情况下，所述基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型，具体包括：
[0018]获取引用文件；
[0019]从所述引用文件中获取所述目标变量对应的申明代码片段；
[0020]基于所述申明代码片段，采用预定的数据类型判断方法进行数据类型的判断，获得所述目标变量的目标数据类型。
[0021]可选的，所述基于所述目标变量的目标数据类型，为所述目标变量添加类型检查代码，具体包括：
[0022]将与所述目标数据类型对应的类型定义语句添加至所述目标变量的声明语句中，以为所述目标变量添加类型检查代码。
[0023]可选的，所述方法还包括：基于各所述目标变量的名称以及各所述目标变量的数据类型，确定名称相同且数据类型相同的目标变量为第一变量；
[0024]提取各所述第一变量公共的类型定义语句；
[0025]将所述类型定义语句存放到预设的公共类型检查代码文件中；
[0026]为所述目标Vue3组件添加引用所述公共类型检查代码文件的引用语句。
[0027]可选的，所述方法还包括：为所述目标Vue3组件中的目标函数添加类型校验代码，具体包括：
[0028]获取所述目标Vue3组件中的目标函数；
[0029]基于所述目标函数中函数入参所采用的默认值或函数入参所采用的入参方法，确定所述目标函数中函数变量对应的目标数据类型；
[0030]基于所述目标函数中函数变量对应的目标数据类型，为所述目标函数添加类型校验代码。
[0031]为解决上述问题，本申请提供一种针对Vue3组件的代码添加装置，包括：
[0032]第一获取模块，用于获取待添加类型检查代码的目标Vue3组件；
[0033]第二获取模块，用于获取所述目标Vue3组件中的目标变量；
[0034]第一确定模块，用于基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型；
[0035]添加模块，用于基于所述目标变量的目标数据类型，为所述目标变量添加类型检查代码。
[0036]为解决上述问题，本申请提供一种存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述针对Vue3组件的代码添加方法的步骤。
[0037]为解决上述问题，本申请提供一种电子设备，至少包括存储器、处理器，所述存储器上存储有计算机程序，所述处理器在执行所述存储器上的计算机程序时实现上述任一项所述针对Vue3组件的代码添加方法的步骤。
[0038]本申请中的针对Vue3组件的代码添加方法、装置存储介质，通过获取Vue3组件中的目标变量，然后利用目标变量的初始值、使用指令以及申明代码片段的申明类型中的一种或几种来进一步确定各目标变量的目标数据类型，使得目标数据类型的确定更加快速、准确，为后续快速、准确的根据目标数据类型来自动的为目标变量添加类型检查代码奠定了基础，提高了代码的添加速率，提高了工作效率，降低了代码添加的错误率，同时还节省了人力成本。
[0039]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0040]通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
[0041]图1为本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种针对Vue3组件的代码添加方法，其特征在于，包括如下步骤：获取待添加类型检查代码的目标Vue3组件；获取所述目标Vue3组件中的目标变量；基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型；基于所述目标变量的目标数据类型，为所述目标变量添加类型检查代码。2.如权利要求1所述的方法，其特征在于，所述获取所述目标Vue3组件中的目标变量，具体包括：获取所述目标Vue3组件中的目标对象；从所述目标对象中获取所述目标变量；和/或，获取所述目标Vue3组件引用的非自身变量，以基于所述非自身变量获得所述目标变量。3.如权利要求2所述的方法，其特征在于，在所述目标变量为目标对象中的变量的情况下，所述基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型，具体包括：基于预定的判断方法对所述目标变量的初始值进行数据类型的判断，获得目标变量的第一数据类型；确定所述目标变量在后续步骤中是否被使用，在确定所述目标变量未被使用的情况下，将所述第一数据类型作为所述目标变量的目标数据类型；在确定目标变量被使用的情况下，根据所述目标变量对应的目标使用指令对目标变量的数据类型进行判断，获得第二数据类型；基于所述第一数据类型以及第二数据类型确定所述目标变量的目标数据类型。4.如权利要求2所述的方法，其特征在于，在所述目标变量为引用的非自身变量的情况下，所述基于所述目标变量的初始值、所述目标变量对应的目标使用指令以及所述目标变量对应的申明代码片段的申明类型中的至少一种，确定所述目标变量的目标数据类型，具体包括：获取引用文件；从所述引用文件中获取所述目标变量对应的申明代码片段；基于所述申明代码片段，采用预定的数据类型判断方法进行数据类型的判断，获得所述目标变量的目标数据类型。5.如权利要求1所述的方法，其特征在于，所述...

【专利技术属性】
技术研发人员：黄康，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：