[发明专利]基于web端的vue代码编辑方法、编辑器及终端设备

权利要求书

1.一种基于web端的vue代码编辑方法，其特征在于，所述编辑方法具体包括：

获取待编辑代码，并确定所述编辑代码对应的代码内容；

截取所述代码内容中的模板内容以及脚本内容；

将所述模板内容赋值给vue中的模板属性，将脚本内容赋值给vue中所述脚本内容对应的目标对象，以将所述脚本内容展示于编辑页面中。

2.根据权利要求1所述基于web端的vue代码编辑方法，其特征在于，所述获取待编辑代码，并确定该编辑代码对应的代码内容具体包括：

通过编辑页面接收待编辑代码；

运行接收大的待编辑代码以确定所述编辑代码对应的代码内容。

3.根据权利要求1所述基于web端的vue代码编辑方法，其特征在于，所述截取所述代码内容中的模板内容以及脚本内容具体为：

通过vue中的字符串截取函数，截取所述代码内容中的模板内容以及脚本内容。

4.根据权利要求1所述基于web端的vue代码编辑方法，其特征在于，所述将脚本内容赋值给vue中所述脚本内容对应的目标对象具体包括：

将所述脚本内容转换为键值对象；

遍历待编辑代码对应的组件中的对象以得到所述脚本内容对应的目标对象，并将所述键值对象赋值给所述目标对象。

5.根据权利要求1所述基于web端的vue代码编辑方法，其特征在于，所述获取待编辑代码，并确定所述编辑代码对应的代码内容之前，所述方法还包括：

控制所述web端装载Codemirror编辑器，并将所述Codemirror编辑器的核心配置包配置为全局变量。

6.根据权利要求5所述基于web端的vue代码编辑方法，其特征在于，所述将所述Codemirror编辑器的核心配置包配置为全局变量具体为：

通过vue中的入口文件引入Codemirror编辑器的核心配置，以使得Codemirror编辑器的核心配置被配置为全局变量。

7.根据权利要求1所述基于web端的vue代码编辑方法，其特征在于，所述web端装载vue框架，并且所述待编辑代码为符合vue格式的代码文件。

8.一种基于web端的vue代码编辑器，其特征在于，所述vue代码编辑器用于获取待编辑代码，并确定所述编辑代码对应的代码内容；截取所述代码内容中的模板内容以及脚本内容；将所述模板内容赋值给vue中的模板属性，将脚本内容赋值给vue中所述脚本内容对应的目标对象，以将所述脚本内容展示于编辑页面中。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如权利要求1-7任意一项所述的基于web端的vue代码编辑方法中的步骤。

10.一种终端设备，其特征在于，包括：处理器、存储器及通信总线；所述存储器上存储有可被所述处理器执行的计算机可读程序；

所述通信总线实现处理器和存储器之间的连接通信；

所述处理器执行所述计算机可读程序时实现如权利要求1-7任意一项所述的基于web端的vue代码编辑方法中的步骤。