[发明专利]生成混入对象的方法、装置、计算设备及计算机可读存储介质

说明书

本申请公开了一种生成混入对象的方法，该方法包括：获取Vue项目的目录地址，将目录地址下的每个Vue组件分别转换为抽象语法树；遍历每个Vue组件对应的抽象语法树，根据函数名和函数代码获取包括第一函数的多个Vue组件，得到第一组件集合；获取第一函数关联的变量，将第一函数关联的变量写入混入对象的数据选项，将第一函数写入混入对象的方法选项；删除第一组件集合中每个Vue组件中的第一函数，将混入对象分别引入第一组件集合中的每个Vue组件。本申请通过自动生成多个Vue组件公共的混入对象，降低了Vue的mixin功能的使用难度，提升了开发人员的效率，同时能够优化Vue框架代码，提升代码的复用率。

技术领域

本申请涉及计算机技术领域，尤其涉及到一种生成混入对象的方法、装置、计算设备及计算机可读存储介质。

背景技术

Vue是一套用于构建用户界面的渐进式JavaScript框架。目前，Vue提供了一种混入(mixin)方式来分发Vue组件中可复用的功能。

然而，mixin的使用具有一定的障碍，需要开发者进行一定的学习，熟悉相关语法，分析代码的现有逻辑，而且人为使用mixin功能进行代码转换容易出错。如何简单方便地使用Vue框架提供的mixin功能，提升代码的复用率，成为亟待解决的问题。

发明内容

本申请实施例提供一种生成混入对象的方法、装置、计算设备和计算机可读存储介质，能够快速从多个Vue组件中抽取出公共的混入对象，降低了Vue的mixin功能的使用难度，进而提升了用户的开发效率，同时能够优化Vue框架代码，提升代码的复用率。

第一方面，本申请提供了一种生成混入对象的方法，该方法包括：获取Vue项目的目录地址，将目录地址下的每个Vue组件分别转换为抽象语法树；遍历每个Vue组件对应的抽象语法树，根据函数名和函数代码获取包括第一函数的多个Vue组件，得到第一组件集合，其中，多个Vue组件中的第一函数的函数名和函数代码相同；获取第一函数关联的变量，将第一函数关联的变量写入混入对象的数据选项中，以及将第一函数写入所述混入对象的方法选项中；删除第一组件集合中每个Vue组件中的第一函数，将混入对象分别引入第一组件集合中的每个Vue组件。

需要说明的是，本申请所述的Vue项目指的是能够从中提取混入对象的已创建的Vue项目，Vue项目中包括多个Vue组件。

第二方面，本申请实施例提供了一种生成混入对象的装置，该装置包括：获取模块，用于获取Vue项目的目录地址，将目录地址下的每个Vue组件分别转换为抽象语法树；处理模块，用于遍历每个Vue组件对应的抽象语法树，根据函数名和函数代码获取包括第一函数的多个Vue组件，得到第一组件集合，其中，所述多个Vue组件中的所述第一函数的函数名和函数代码相同；处理模块还用于，获取第一函数关联的变量，将第一函数关联的变量写入混入对象的数据选项中，将第一函数写入混入对象的方法选项；处理模块还用于，删除第一组件集合中每个Vue组件中的第一函数，将混入对象分别引入第一组件集合中的每个Vue组件。

上述装置的各个模块具体用于实现第一方面所描述的方法。

第三方面，本申请提供了一种计算设备，包括处理器和存储器，所述处理器和存储器可通过总线相互连接，也可以集成在一起。该处理器执行存储器中存储的代码实现如第一方面所描述的方法。

第四方面，本申请提供了一种计算机可读存储介质，包括程序或指令，当上述程序或指令在计算机设备上运行时，可使上述计算机设备执行如第一方面所描述的方法。