[发明专利]前端跨框架通信方法及前端框架结构

说明书

本申请涉及一种前端跨框架通信方法及前端框架结构，方法包括：在确定第一前端开发框架作为外层框架时，将第二前端开发框架以嵌入式框架的形式作为第一前端开发框架的内层框架，完成第一前端开发框架和第二前端开发框架的隔离。由于第一前端开发框架包括与第二前端开发框架相关联的第一关联组件，第二前端开发框架包括与第一前端开发框架相关联的第二关联组件，在第一前端开发框架中出现数据变化时，基于第一前端开发框架的数据同步方式，通过第一关联组件获取数据变化，并将数据变化发送到第二关联组件，再基于第二前端开发框架的数据同步方式，通过第二关联组件将数据变化在第二前端开发框架中进行同步。

技术领域

本申请涉及前端框架通信技术领域，尤其涉及一种前端跨框架通信方法及前端框架结构。

背景技术

随着前端框架不断升级，前端框架的开发难度和开发效率快速提高。在研发出新的前端框架时，使用新框架需要重构代码，其过程繁琐。若继续使用旧框架执行开发工作则效率过低。现有技术中很难在保留旧框架开发功能的同时，使用新框架开发新功能，若将旧框架和新框架隔离开进行同时开发，旧框架和新框架之间也无法完成通信传输。

发明内容

为至少在一定程度上克服相关技术中新老框架难以同时进行开发且隔离后无法完成通信传输的问题，本申请提供一种前端跨框架通信方法及前端框架结构。

本申请的方案如下：

根据本申请实施例的第一方面，提供一种前端跨框架通信方法，包括：

在确定第一前端开发框架作为外层框架时，将第二前端开发框架以嵌入式框架的形式作为所述第一前端开发框架的内层框架；其中，所述第一前端开发框架包括与所述第二前端开发框架相关联的第一关联组件，所述第二前端开发框架包括与所述第一前端开发框架相关联的第二关联组件；

在所述第一前端开发框架中出现数据变化时，基于所述第一前端开发框架的数据同步方式，通过所述第一关联组件获取所述数据变化，并将所述数据变化发送到所述第二关联组件；

基于所述第二前端开发框架的数据同步方式，通过所述第二关联组件将所述数据变化在所述第二前端开发框架中进行同步。

优选的，在本申请一种可实现的方式中，还包括：

在所述第二前端开发框架中出现数据变化时，基于所述第二前端开发框架的数据同步方式，通过所述第二关联组件获取所述数据变化，并将所述数据变化发送到所述第一关联组件；

基于所述第一前端开发框架的数据同步方式，通过所述第一关联组件将所述数据变化在所述第一前端开发框架中进行同步。

优选的，在本申请一种可实现的方式中，所述第一前端开发框架和所述第二前端开发框架配置有不同的数据同步方式。

优选的，在本申请一种可实现的方式中，所述第一前端开发框架的数据同步方式包括：

在创建组件时，从预先设立的看板公共数据区域中获取公共变量数据；所述看板公共数据区域用于存储所述第一前端开发框架中的全部事件变化内容作为所述公共变量数据。

优选的，在本申请一种可实现的方式中，所述第二前端开发框架的数据同步方式包括：

将全部组件的变量进行绑定；

在一个组件的变量值发生变化时，将发生变化后的变量值同步到其他组件。

优选的，在本申请一种可实现的方式中，所述第一关联组件和所述第二关联组件基于消息传递函数进行通信。

根据本申请实施例的第二方面，提供一种前端框架结构，包括：

第一前端开发框架和第二前端开发框架；