CN110020323A - 混合应用的页面切换方法、框架、计算机设备及存储介质 - Google Patents

Abstract

本发明提供的混合应用的页面切换方法、框架、计算机设备及存储介质，在启动混合应用时创建数据模型，在页面转换时，判断两个页面是否处于同一信息层级，处于同一信息层级时，调用数据存储接口，将前页面的数据存储至数据模型，控制混合应用页面跳转，并调用数据读取接口，从数据模型中读取原页面的数据并进行渲染；处于不同的信息层级，且检测到原页面的数据进行修改时，调用数据存储接口，将原页面的数据存储至数据模型，调用刷新接口，接收原生框架的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取原页面的数据并进行渲染，混合应用关闭时清除数据模型。通过本发明，在页面转换时能够快速重新加载，且数据安全。

Description

混合应用的页面切换方法、框架、计算机设备及存储介质

技术领域

本发明涉及信息处理技术领域，尤其涉及一种混合应用的页面切换方法、框架、计算机设备及存储介质。

背景技术

混合应用(Hybrid app)是一种介于网页应用(Web app)和原生应用(native app)之间的应用，兼具原生应用良好的用户交互体验以及网页应用跨平台开发的优势，混合应用包括原生框架和javascript框架(一种直译式脚本语言，以下简称js)，两者互相调用并传递参数实现整个混合应用的功能，其中，Vue框架是一种渐进式的js框架，主要用于用户界面的构建。

目前Vue框架构建的每一个vue页面单独维护一个数据模型，因此各个vue页面之间的数据无法直接共享和操作，同时在上层vue页面关闭之后，不重新加载页面的情况下数据无法及时更新，下层vue页面若要进行更新，则需要通过reload()进行重新加载，这种方法下，页面在重新加载时往往会出现空白，使用效果较差。

此外，混合应用中js框架与原生框架的数据无法进行共享和操作，而且用户数据一般保存本地，导致用户数据的泄漏或被篡改。

因此，提供一种在页面转换时能够快速重新加载，避免出现空白的混合应用的页面切换方法，是本领域需要解决的技术问题。

发明内容

本发明的目的是提供一种混合应用的页面切换方法、框架、计算机设备及存储介质，用于解决现有技术存在的上述问题。

为实现上述目的，本发明提供一种混合应用的页面切换方法。

该混合应用的页面切换方法包括以下步骤：响应于混合应用启动操作，启动混合应用，创建混合应用对应的数据模型；响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级，其中，页面转换操作用于通过第一页面跳转至第二页面；当第一页面与第二页面处于同一信息层级时，调用混合应用的原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染；当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据被修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，接收原生框架的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，其中，触发事件为原生框架响应于刷新接口调用事件关闭第一页面并触发第二页面的全局方法的事件；以及响应于混合应用关闭操作，关闭混合应用，清除数据模型。

进一步地，在创建混合应用对应的数据模型之后，该方法还包括：将数据模型存储在运行混合应用的设备内存中。

进一步地，在创建混合应用对应的数据模型之后，该方法还包括：将数据模型存储在运行混合应用的设备缓存中。

进一步地，在创建混合应用对应的数据模型之后，该方法还包括：响应于页面数据修改操作，调用原生框架提供的数据更新接口和/或数据删除接口对数据模型中存储的第一页面的数据进行修改，其中，页面数据修改操作用于修改第一页面的数据。

进一步地，原生框架还用于获取混合应用的状态信息，并将获取到的状态信息存储至数据模型中。

进一步地，状态信息包括运行混合应用的设备网络状态和/或混合应用的版本号信息。

为实现上述目的，本发明还提供一种适于实现本申请提供的混合应用的页面切换方法的混合应用的Vue框架。

混合应用包括原生框架和Vue框架，本申请中的Vue框架包括：数据模型创建模块，用于响应于混合应用启动操作，启动混合应用，创建混合应用对应的数据模型；页面转换检测模块，用于响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级，其中，页面转换操作用于通过第一页面跳转至第二页面；第一页面转换模块，用于当第一页面与第二页面处于同一信息层级时，调用混合应用的原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染；第二页面转换模块，用于当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据被修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，接收原生框架的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，其中，触发事件为原生框架响应于刷新接口调用事件关闭第一页面并触发第二页面的全局方法的事件；以及数据模型清除模块，用于响应于混合应用关闭操作，关闭混合应用，清除数据模型。

进一步地，该混合应用的Vue框架还包括：页面数据修改模块，用于在数据模型创建模块创建混合应用对应的数据模型之后，响应于页面数据修改操作，调用原生框架提供的数据更新接口和/或数据删除接口对数据模型中存储的第一页面的数据进行修改，其中，页面数据修改操作用于修改第一页面的数据。

为实现上述目的，本发明还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述方法的步骤。

为实现上述目的，本发明还提供计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述方法的步骤。

本发明提供的混合应用的页面切换方法、框架、计算机设备及存储介质，在混合应用启动的同时，创建混合应用对应的数据模型，该数据模型对应混合应用，而不是对应某个页面，通过原生框架提供的数据操作接口对数据模型的数据进行操作，能够实现页面之间的数据直接共享和操作；同时，在进行页面转换时，先判断第一页面与第二页面是否处于同一信息层级，属于同一层级信息时，通过调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染；当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据进行修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，原生框架响应于该刷新接口调用事件，关闭第一页面并触发第二页面的全局方法，接收原生框架的该触发全局方法的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，从而在进行页面转换时，无需通过reload()进行重新加载，而是直接从数据模型中读取数据进行渲染，避免页面在重新加载时出现空白；最后在关闭混合应用时，清除数据模型，保证了数据的安全性和及时性。

附图说明

图1为本发明实施例一中混合应用的页面切换方法的流程图；

图2为本发明实施例二中混合应用的Vue框架的原理框图；

图3为本发明实施例三中计算机设备的硬件结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一

本发明实施例一提供了一种混合应用的页面切换方法，该混合应用包括原生框架和javascript框架，javascript框架用于实现和控制该混合应用的页面，原生框架用于为javascript框架提供各种数据接口，特别的，在该实施例中，原生框架为javascript框架提供数据操作接口，该数据操作接口包括数据存储接口(saveData())和数据读取接口(getData())。其中，javascript框架为Vue框架时，该页面切换方法的执行主体为此Vue框架，混合应用的页面为Vue页面，图1为本发明提供的混合应用的页面切换方法的实施例一的流程图，如图1所示，该混合应用的页面切换方法包括如下的步骤S101至步骤S105。

步骤S101：响应于混合应用启动操作，启动混合应用，创建混合应用对应的数据模型。

用户操作设执行混合应用的启动操作，例如点击混合应用在设备界面上的显示图标，Vue框架启动混合应用，在启动该混合应用的同时，Vue框架首先创建一个对应该混合应用的数据模型，例如，预设数据模型创建函数，并将其封装为一个可调用的功能模块，在该处VUE框架调用此功能模块，即可进行数据模型的创建，其中，数据模型的数据结构可依据页面的数据特点设置，时间页面的数据存储。该数据模型被创建后，优选保存在设备的内存或缓存中，例如，保存在手机的内存或缓存中，以方便在混合应用的运行过程中，快速对数据进行访问和操作，同时方便在混合应用被终止时，清除数据模型。对应于混合应用的数据模型，并不是由单独的页面进行维护，Vue框架能够通过原生框架提供的数据操作接口，对数据模型中的数据进行操作，从而能够实现各个页面之间数据的共享和操作。

步骤S102：响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级。

混合应用启动后，用户在混合应用的显示界面上进行页面转换操作，该页面转换操作用于通过第一页面跳转至第二页面，也即由一个Vue转换为另一个Vue页面时，通过该步骤来检测两个页面之间的信息层级关系。其中两个页面之间的信息层级关系包括两个页面处于同一信息层级，或者第一页面与第二页面处于上下信息层，其中，第一页面为上层页面，第二页面为下层页面，例如，某混合应用的页面层级深度为四层，则两个页面处于相同的信息层级是指两个页面同处于同一层页面层级深度，如果两个页面处于上下信息层，则上层页面处于第一层页面层级深度时，下层页面处于第二层页面层级深度。

步骤S103：当第一页面与第二页面处于同一信息层级时，调用混合应用的原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染。

该步骤针对同一信息层级的页面之间的页面转换，对于处于同一信息层级的第一页面与第二页面进行转换时，Vue框架调用原生框架提供的数据存储接口saveData()，首先将第一页面的数据存储至数据模型中，然后控制混合应用从第一页面跳转至第二页面，再调用原生框架提供的数据读取接口getData()，从数据模型中读取第一页面的数据并进行渲染，也即，Vue框架将读取到的数据根据预定义的规则显示在页面中，从而实现了第一页面与第二页面之间的数据共享。

步骤S104：当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据被修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，接收原生框架的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染。

该步骤针对上下信息层级的页面之间的页面转换，对于从处于上层信息层级的第一页面转换为下层信息层级的第二页面，Vue框架检测到第一页面的数据进行修改时，首先调用原生框架提供的数据存储接口saveData()，将第一页面的数据存储至与该混合应用对应的数据模型中，同时，Vue框架调用原生框架提供的刷新接口，原生框架根据Vue框架对刷新接口的调用，关闭第一页面并触发Vue框架的全局方法，Vue框架接收该触发事件，调用原生框架提供的数据读取接口getData()，从数据模型中读取该混合应用的数据并进行渲染，实现第二页面的数据刷新，此时该混合应用显示第一页面的下层页面，也即显示第二页面，同时第二页面中的数据已经进行了更新。其中，在对第一页面的数据进行修改时，可调用原生框架提供的数据更新接口和/或数据删除接口对数据模型中存储的第一页面的数据进行修改。

步骤S105：响应于混合应用关闭操作，关闭混合应用，清除数据模型。

在该步骤中，用户操作执行混合应用的关闭操作后，Vue框架关闭该混合应用的同时，将数据模型清空。

在该实施例提供的混合应用的页面切换方法中，在混合应用启动的同时，创建混合应用对应的数据模型，该数据模型对应混合应用，而不是对应某个页面，通过原生框架提供的数据操作接口对数据模型的数据进行操作，能够实现页面之间的数据直接共享和操作；同时，在进行页面转换时，先检测第一页面与第二页面之间的信息层级关系，属于同一层级信息时，通过调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染；当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据进行修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，原生框架响应于该刷新接口调用事件，关闭第一页面并触发第二页面的全局方法，接收原生框架的该触发全局方法的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，从而在进行页面转换时，无需通过reload()进行重新加载，而是直接从数据模型中读取数据进行渲染，避免页面在重新加载时出现空白；最后在关闭混合应用时，清除数据模型，也即随着混合应用程序的生命周期结束而清除数据模型，保证了数据的安全性和及时性。

可选地，在一种实施例中，原生框架为javascript框架提供的数据操作接口还包括数据更新接口(updateData())和数据删除接口(deletData())，在步骤S101之后，该方法还包括下面的步骤：

响应于页面数据修改操作，调用原生框架提供的数据更新接口和/或数据删除接口对数据模型中存储的第一页面的数据进行修改。

其中，在混合应用启动后，用户可对当前页面的数据进行修改，以当前页面为第一页面，则页面数据修改操作用于修改第一页面的数据。当用户执行该页面数据修改操作将第一页面的数据采用新的数据替换时，先调用数据删除接口deletData()将第一页面上的原数据删除，再调用数据更新接口updateData()将对应的新数据更新于第一页面上；当用户执行该页面数据修改操作将第一页面的数据删除时，直接调用数据删除接口deletData()将第一页面上待删除的原数据删除；当用户执行该页面数据修改操作在第一页面上增加数据时，直接调用更新接口updateData()在第一页面上的增加待更新的数据。使得混合应用多页面不用原生webView重新加载页面资源即可实现页面刷新数据。

可选地，在上述实施例中，原生框架还用于获取混合应用的状态信息，并将获取到的状态信息存储至数据模型中，状态信息包括运行混合应用的设备网络状态和/或混合应用的版本号信息，使得js框架在调用原生框架提供的接口对数据模型中的数据进行增删查改等处理的同时，原生框架也可以自行对数据模型中的网络状态或版本号信息存储在数据模型中，从而实现js框架与原生框架之间的数据共享和操作。

实施例二

本发明实施例二提供了一种适于实现本发明提供的任意一种混合应用的页面切换方法的混合应用的Vue框架，相关描述可参照上述实施例一。该混合应用包括原生框架和javascript框架，javascript框架用于实现和控制该混合应用的页面，原生框架用于为javascript框架提供各种数据接口，特别的，在该实施例中，原生框架为javascript框架提供数据操作接口，该数据操作接口包括数据存储接口(saveData())和数据读取接口(getData())。其中，javascript框架为Vue框架，该Vue框架包括：数据模型创建模块201、页面转换检测模块202、第一页面转换模块203、第二页面转换模块204和数据模型清除模块205。

其中，数据模型创建模块201用于响应于混合应用启动操作，启动混合应用，创建混合应用对应的数据模型。

页面转换检测模块202用于响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级，其中，页面转换操作用于通过第一页面跳转至第二页面。

第一页面转换模块203用于当第一页面与第二页面处于同一信息层级时，调用混合应用的原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染。

第二页面转换模块204用于当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据被修改时，调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，接收原生框架的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，其中，触发事件为原生框架响应于刷新接口调用事件关闭第一页面并触发第二页面的全局方法的事件。

数据模型清除模块205用于响应于混合应用关闭操作，关闭混合应用，清除数据模型。

在该实施例提供的混合应用的Vue框架中，在混合应用启动的同时，通过数据模型创建模块创建混合应用对应的数据模型，该数据模型对应混合应用，而不是对应某个页面，通过原生框架提供的数据操作接口对数据模型的数据进行操作，能够实现页面之间的数据直接共享和操作；同时，在进行页面转换时，通过页面转换检测模块先检测第一页面与第二页面之间的信息层级关系，属于同一层级信息时，由第一页面转换模块通过调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，控制混合应用从第一页面跳转至第二页面，并调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染；当第一页面与第二页面处于不同的信息层级，且检测到第一页面的数据进行修改时，由第二页面转换模块调用原生框架提供的数据存储接口，将第一页面的数据存储至数据模型中，调用原生框架提供的刷新接口，原生框架响应于该刷新接口调用事件，关闭第一页面并触发第二页面的全局方法，接收原生框架的该触发全局方法的触发事件，调用原生框架提供的数据读取接口，从数据模型中读取第一页面的数据并进行渲染，从而在进行页面转换时，无需通过reload()进行重新加载，而是直接从数据模型中读取数据进行渲染，避免页面在重新加载时出现空白；最后在关闭混合应用时，通过数据模型清除模块清除数据模型，也即随着混合应用程序的生命周期结束而清除数据模型，保证了数据的安全性和及时性。

可选地，数据模型创建模块201创建该数据模型后，优选保存在设备的内存或缓存中，例如，保存在手机的内存或缓存中，以方便在混合应用的运行过程中，快速对数据进行访问和操作，同时方便在混合应用被终止时，数据模型清除模块清除数据模型。

可选地，原生框架为javascript框架提供的数据操作接口还包括数据更新接口(updateData())和数据删除接口(deletData())，混合应用的Vue框架还包括页面数据修改模块，该页面数据修改模块用于在数据模型创建模块创建混合应用对应的数据模型之后，响应于页面数据修改操作，调用原生框架提供的数据更新接口和/或数据删除接口对数据模型中存储的第一页面的数据进行修改，其中，页面数据修改操作用于修改第一页面的数据，使得混合应用多页面不要原生webView重新加载页面资源即可实现页面刷新数据。

可选地，原生框架还用于获取混合应用的状态信息，并将获取到的状态信息存储至数据模型中，使得js框架在调用原生框架提供的接口对数据模型中的数据进行增删查改等处理的同时，原生框架也可以自行对数据模型中的数据进行处理，从而实现js框架与原生框架之间的数据共享和操作。

进一步可选地，上述混合应用的状态信息包括运行混合应用的设备网络状态和/或混合应用的版本号信息。

实施例三

本实施例还提供一种计算机设备，如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图3所示，本实施例的计算机设备20至少包括但不限于：可通过系统总线相互通信连接的存储器21、处理器22，如图3所示。需要指出的是，图3仅示出了具有组件21-22的计算机设备20，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。

本实施例中，存储器21(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器21可以是计算机设备20的内部存储单元，例如该计算机设备20的硬盘或内存。在另一些实施例中，存储器21也可以是计算机设备20的外部存储设备，例如该计算机设备20上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，存储器21还可以既包括计算机设备20的内部存储单元也包括其外部存储设备。本实施例中，存储器21通常用于存储安装于计算机设备20的操作系统和各类应用软件，例如实施例2的混合应用的vue框架的程序代码等。此外，存储器21还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器22在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器22通常用于控制计算机设备20的总体操作。本实施例中，处理器22用于运行存储器21中存储的程序代码或者处理数据，例如混合应用的vue框架等。

实施例四

本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储混合应用的vue框架，被处理器执行时实现实施例一的混合应用的页面切换方法。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种混合应用的页面切换方法，其特征在于，包括：

响应于混合应用启动操作，启动所述混合应用，创建所述混合应用对应的数据模型；

响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级，其中，所述页面转换操作用于通过所述第一页面跳转至所述第二页面；

当所述第一页面与所述第二页面处于同一信息层级时，调用所述混合应用的原生框架提供的数据存储接口，将所述第一页面的数据存储至所述数据模型中，控制所述混合应用从所述第一页面跳转至所述第二页面，并调用所述原生框架提供的数据读取接口，从所述数据模型中读取所述第一页面的数据并进行渲染；

当所述第一页面与所述第二页面处于不同的信息层级，且检测到所述第一页面的数据被修改时，调用所述原生框架提供的所述数据存储接口，将所述第一页面的数据存储至所述数据模型中，调用所述原生框架提供的刷新接口，接收所述原生框架的触发事件，调用所述原生框架提供的数据读取接口，从所述数据模型中读取所述第一页面的数据并进行渲染，其中，所述触发事件为所述原生框架响应于所述刷新接口调用事件关闭所述第一页面并触发所述第二页面的全局方法的事件；以及

响应于混合应用关闭操作，关闭所述混合应用，清除所述数据模型。

2.根据权利要求1所述的混合应用的页面切换方法，其特征在于，在创建所述混合应用对应的数据模型之后，所述方法还包括：

将所述数据模型存储在运行所述混合应用的设备内存中。

3.根据权利要求1所述的混合应用的页面切换方法，其特征在于，在创建所述混合应用对应的数据模型之后，所述方法还包括：

将所述数据模型存储在运行所述混合应用的设备缓存中。

4.根据权利要求1所述的混合应用的页面切换方法，其特征在于，在创建所述混合应用对应的数据模型之后，所述方法还包括：

响应于页面数据修改操作，调用所述原生框架提供的数据更新接口和/或数据删除接口对所述数据模型中存储的所述第一页面的数据进行修改，其中，所述页面数据修改操作用于修改所述第一页面的数据。

5.根据权利要求1所述的混合应用的页面切换方法，其特征在于，所述原生框架还用于获取所述混合应用的状态信息，并将获取到的所述状态信息存储至所述数据模型中。

6.根据权利要求1所述的混合应用的页面切换方法，其特征在于，所述状态信息包括运行所述混合应用的设备网络状态和/或所述混合应用的版本号信息。

7.一种适于实现权利要求1至6任一项所述方法的混合应用的Vue框架，其特征在于，包括：

数据模型创建模块，用于响应于混合应用启动操作，启动所述混合应用，创建所述混合应用对应的数据模型；

页面转换检测模块，用于响应于页面转换操作，判断第一页面与第二页面是否处于同一信息层级，其中，所述页面转换操作用于通过所述第一页面跳转至所述第二页面；

第一页面转换模块，用于当所述第一页面与所述第二页面处于同一信息层级时，调用所述混合应用的原生框架提供的数据存储接口，将所述第一页面的数据存储至所述数据模型中，控制所述混合应用从所述第一页面跳转至所述第二页面，并调用所述原生框架提供的数据读取接口，从所述数据模型中读取所述第一页面的数据并进行渲染；

第二页面转换模块，用于当所述第一页面与所述第二页面处于不同的信息层级，且检测到所述第一页面的数据被修改时，调用所述原生框架提供的所述数据存储接口，将所述第一页面的数据存储至所述数据模型中，调用所述原生框架提供的刷新接口，接收所述原生框架的触发事件，调用所述原生框架提供的数据读取接口，从所述数据模型中读取所述第一页面的数据并进行渲染，其中，所述触发事件为所述原生框架响应于所述刷新接口调用事件关闭所述第一页面并触发所述第二页面的全局方法的事件；以及

数据模型清除模块，用于响应于混合应用关闭操作，关闭所述混合应用，清除所述数据模型。

8.根据权利要求7所述的混合应用的Vue框架，其特征在于，还包括：

页面数据修改模块，用于在所述数据模型创建模块创建所述混合应用对应的数据模型之后，响应于页面数据修改操作，调用所述原生框架提供的数据更新接口和/或数据删除接口对所述数据模型中存储的所述第一页面的数据进行修改，其中，所述页面数据修改操作用于修改所述第一页面的数据。

9.一种计算机设备，所述计算机设备包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至6任一项所述方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述程序被处理器执行时实现权利要求1至6任一项所述方法的步骤。