基于Vue.js的移动端组件库的应用方法、装置及移动端组件库与流程

基于vue.js的移动端组件库的应用方法、装置及移动端组件库
技术领域
1.本发明涉及计算机信息交互技术领域，尤其涉及一种基于vue.js的移动端组件库的应用方法、装置及移动端组件库。


背景技术：

2.随着互联网信息的快速发展以及用户信息交互技术的迭代更新，在混合应用、html5应用的开发过程中，功能模块化的开发方式对项目开发起到重要的作用。
3.在前端开发的应用场景中，这种功能模块化的开发方式一般是对前端页面的“元素组合”进行组件化的拆分。例如，开发者对某一业务功能进行组件化封装后，应用在子模块开发过程中多次使用时只需要引用执行该业务功能的“组件”，在后续需要修改的情况下只修改该封装好的“组件”，而无需对各个页面进行单独功能修改。然而该开发方式仍需要开发者有丰富的组件化经验与前端技能进行模块化封装，要求开发者具有较高的前端技术门槛，从而在进行业务开发的过程中产生了较大的技术障碍和研发成本，导致了上述的混合应用、html5应用的开发效率低、开发成本高。因此，现时提供了一种移动端组件库，以解决现有技术中移动应用开发效率低，开发成本高的问题。


技术实现要素：

4.本发明所要解决的技术问题在于，提供一种基于vue.js的移动端组件库的应用方法、装置以及移动端组件库，能够提高移动应用的开发效率以及降低开发成本。
5.为了解决上述技术问题，本发明第一方面公开了一种基于vue.js的移动端组件库的应用方法，所述方法包括：
6.获取基于vue.js的移动端组件库对应的注册信息，并根据所述注册信息对所述移动端组件库进行注册，所述移动端组件库包括多个组件；
7.当检测到所述移动端组件库注册完成之后，基于所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；
8.向所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景。
9.作为一种可选的实施方式，在本发明第一方面中，所述组件包括：基础组件、表单组件、弹出层组件、滚动组件中的其中一种；
10.其中，所述基础组件包括图形组件与布局组件，用于生成移动端交互的图形与布局；
11.所述表单组件包括多个表单控件，用于设置校验条件，并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验；
12.所述弹出层组件，用于接收用户通过所述移动端输入的参数，并解析用户针对交互弹出层输入的参数，向对应的业务逻辑提供回调函数；
13.所述滚动组件，用于提供android/ios原生滚动体验的滚动列表。
14.作为一种可选的实施方式，在本发明第一方面中，所述根据所述注册信息对所述组件库进行注册之后，所述方法还包括：
15.向所述移动端对应的移动应用添加所述组件库中预设的vue自定义指令，并根据所述vue自定义指令生成对应指令效果的图形交互界面；
16.其中，所述图形交互界面包括所述组件实例，所述组件实例用于对所述移动应用的子页面模块的搭建。
17.作为一种可选的实施方式，在本发明第一方面中，所述方法还包括：
18.解析所述组件实例发送的输入事件，得到针对所述图形交互界面包含的参数信息，并将所述参数信息以预设的方式发送至所述业务逻辑，以触发所述业务逻辑执行与所述输入事件相匹配的操作；
19.其中，所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。
20.作为一种可选的实施方式，在本发明第一方面中，所述将所述参数信息以预设的方式发送至业务逻辑，包括：
21.将所述参数信息以回调方式发送至所述业务逻辑，所述回调方式为所述回调函数传递参数的方式；或，
22.将所述参数信息以事件方式发送至所述业务逻辑，所述事件方式为事件对象传递参数的方式。
23.本发明第二方面公开了一种基于vue.js的移动端组件库的应用装置，所述装置包括：
24.获取模块，用于获取基于vue.js的移动端组件库对应的注册信息，所述移动端组件库包括多个组件；
25.注册模块，用于根据所述获取模块获取到的所述注册信息对所述移动端组件库进行注册；
26.生成模块，用于当检测到所述移动端组件库注册完成之后，基于所述注册模块注册后的所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；
27.发送模块，用于向所述生成模块生成的所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景；
28.作为一种可选的实施方式，在本发明第二方面中，所述组件包括：基础组件、表单组件、弹出层组件、滚动组件中的其中一种；
29.其中，所述基础组件包括图形组件与布局组件，用于生成移动端交互的图形与布局；
30.所述表单组件包括多个表单控件，用于设置校验条件，并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验；
31.所述弹出层组件，用于接收用户通过所述移动端输入的参数，并解析用户针对交互弹出层输入的参数，提供回调函数以处理业务逻辑；
32.所述滚动组件，用于提供android/ios原生滚动体验的滚动列表。
33.作为一种可选的实施方式，在本发明第二方面中，所述装置还包括：
34.添加模块，用于在所述注册模块根据所述注册信息对所述移动端组件库进行注册之后，向所述移动端对应的移动应用添加所述组件库中预设的vue自定义指令；
35.生成模块，还用于根据所述添加模块添加的所述vue自定义指令生成对应指令效果的图形交互界面；
36.其中，所述图形交互界面包括所述组件实例，所述组件实例用于对所述移动应用的子页面模块的搭建。
37.作为一种可选的实施方式，在本发明第二方面中，所述装置还包括：
38.解析模块，用于解析所述组件实例发送的输入事件，得到针对所述图形交互界面包含的参数信息；
39.发送模块，还用于将所述解析模块解析得到的所述参数信息以预设的方式发送至所述业务逻辑，以触发所述业务逻辑执行与所述输入事件相匹配的操作；
40.其中，所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。。
41.作为一种可选的实施方式，在本发明第二方面中，所述发送模块将所述参数信息以预设的方式发送至所述业务逻辑的具体方式为：
42.将所述参数信息以回调方式发送至所述业务逻辑，所述回调方式为所述回调函数传递参数的方式；或，
43.将所述参数信息以事件方式发送至所述业务逻辑，所述事件方式为事件对象传递参数的方式。
44.本发明第三方面公开了一种基于vue.js的移动端组件库，所述移动端组件库用于执行本发明第一方面公开的基于vue.js的移动端组件库的应用方法。
45.本发明第四方面公开了另一种基于vue.js的移动端组件库的应用装置，所述装置包括：
46.存储有可执行程序代码的存储器；
47.与所述存储器耦合的处理器；
48.所述处理器调用所述存储器中存储的所述可执行程序代码，执行本发明第一方面公开的基于vue.js的移动端组件库的应用方法中部分或全部的步骤。
49.本发明第五方面公开了一种计算机存储介质，所述计算机存储介质存储有计算机指令，所述计算机指令被调用时，用于执行本发明第一方面公开的基于vue.js的移动端组件库的应用方法中部分或全部的步骤。
50.与现有技术相比，本发明实施例具有以下有益效果：
51.本发明实施例中，提供了一种基于vue.js的移动端组件库的应用方法、装置以及移动端组件库，该应用方法包括：获取基于vue.js的移动端组件库对应的注册信息，并根据注册信息对移动端组件库进行注册，移动端组件库包括多个组件，当检测到所述移动端组件库注册完成之后，基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例，向组件实例传入业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。可见，实施本发明
通过获取当前组件库对应的组件库信息以对组件库进行注册，以便通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；将业务需求所需的参数传入给已生成的组件实例，根据参数对组件实例进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低应用的开发成本。
附图说明
52.为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
53.图1是本发明实施例公开的一种的流程示意图；
54.图2是本发明实施例公开的另一种的流程示意图；
55.图3是本发明实施例公开的一种的结构示意图；
56.图4是本发明实施例公开的另一种的结构示意图；
57.图5是本发明实施例公开的又一种的结构示意图；
58.图6是本发明实施例公开的又一种的结构示意图。
具体实施方式
59.为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
60.本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区域别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、装置、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其他步骤或单元。
61.在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本发明的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
62.本发明公开了一种基于vue.js的移动端组件库的应用方法、装置以及移动端组件库，能够获取该移动端组件库对应的注册信息，并根据注册信息对该移动端组件库进行注册，以便通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例，向组件实例传入业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低移动应用的开发成
本。以下分别进行详细说明。
63.实施例一
64.请参阅图1，图1是本发明实施例公开的一种基于vue.js的移动端组件库的应用方法的流程示意图。其中，图1所描述的基于vue.js的移动端组件库的应用方法可以应用于该移动端组件库中。其中，该移动端组件库应用于移动端应用、移动端系统等程序中，且该移动端组件库可以集成在用户终端中，其中用户终端可以包括智能手机(android手机、ios手机等)、智能电话号码手表、平板电脑、掌上电脑、个人数字助理(personal digital assistant，pda)、智能导航仪以及移动互联网设备(mobile internet devices，mid)等移动终端设备，本发明实施例不做限定。如图1所示，该基于vue.js的移动端组件库的应用方法可以包括以下操作：
65.101、获取基于vue.js的移动端组件库对应的注册信息，并根据注册信息对移动端组件库进行注册，移动端组件库包括多个组件。
66.本发明实施例中，可选的，该移动端组件库为对应的文件包，该文件包可以包括各个组件的子文件、该移动端组件库对应的层叠样式表文件(简称css文件)。其中，该文件包存在对应的文件包信息，该文件包信息可以包括该文件包的引用名称、该文件包的引用路径；各个组件的子文件存在对应的子文件信息，该子文件信息可以包括该子文件的引用名称、该子文件的引用路径；该移动端组件库对应的层叠样式表文件存在对应的层叠样式表文件信息，该层叠样式表文件信息可以包括该层叠样式表文件的引用名称、该层叠样式表文件的引用路径。注册信息包括该文件包的引用名称、该文件包的引用路径、该子文件的引用名称、该子文件的引用路径、该移动端组件库对应的层叠样式表文件的引用路径。这样注册信息越详细，以便快速地寻找到对应的组件库信息完成对组件库进行注册，从而提高移动应用的开发效率。
67.本发明实施例中，可选的，该组件可以包括基础组件、表单组件、弹出层组件、滚动组件等中的其中一种。其中，基础组件包括图形组件与布局组件，该图形组件可以包括字体组件、边框组件、按钮组件、表格组件等中的至少一种，用于生成移动端交互的图形与布局；表单组件包括多个表单控件，该表单控件可以包括单择框控件、复选框控件、输入框控件、计数器控件、选择器控件、上传控件等中的至少一种，用于设置校验条件，并根据校验条件对用户在移动设备上输入的表单数据进行校验；弹出层组件用于接收用户通过移动端输入的参数，并解析用户针对交互弹出层的参数，提供回调函数以处理业务逻辑，该弹出层可以包括弹出框、对话框、确认框等中的至少一种；滚动组件用于提供一系列android/ios原生滚动体验的滚动列表，可以包括无限滚动列表、循环滚动列表等中的至少一种。这样组件库包括的组件越丰富，越有利于通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；以及便于在移动应用入口对组件进行统一的调整和定制，使得多个协同开发的业务场景的界面具有统一的ui风格和交互体验，从而进一步有利于提高移动应用的开发效率。
68.本发明实施例中，进一步的，组件存在对应的组件信息，该组件信息可以包括标签、属性、事件信息等中的至少一种。
69.本发明实施例中，可选的，该移动端组件库可以在vue的移动应用开发项目中的主入口文件(例如：main.js文件)通过vue中定义的注册接口进行注册。
70.102、当检测到移动端组件库注册完成之后，基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例。
71.本发明实施例中，可选的，当前场景可以包括用户登录场景、用户搜索场景、用户交易场景、用户信息反馈场景等中的其中一种，当前场景的业务需求为开发者根据用户的功能需求定义的业务需求。其中，业务需求可以包括业务需求所需的业务参数、业务功能等中的至少一种。
72.本发明实施例中，可选的，组件实例为对组件实例化的对象，组件实例存在对应的实例信息。进一步的，实例信息可以包括属性、方法和事件等中的至少一种信息。这样通过移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例，能够快速使用业务需求对应的组件搭建移动应用的各个子模块的界面，以节省开发所需的资源，有利于提高移动应用的开发效率以及减少开发周期。
73.103、向组件实例发送业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。
74.本发明实施例中，可选的，业务需求所需的参数可以包括当前场景的图形界面中的渲染参数、针对当前场景的业务需求所需配置的字段(例如：针对用户登录场景的业务需求所需配置的字段)等中的至少一种。其中，该针对用户登录场景的业务需求所需配置的字段可以包括用户名、密码、验证码、验证问题等中的至少一种，该当前场景的图形界面中的渲染参数可以包括颜色参数、分辨率参数，图像大小参数等中的至少一种。进一步的，组件实例可以根据前场景的图形界面中的渲染参数渲染对应的元素，该元素可以包括块级元素、行内元素、行块级元素等中的其中一种。组件实例可以根据该参数包含的所需配置的字段配置业务需求对应的业务功能的控件和/或子组件(例如：向表单组件实例发送的参数包含用户名、密码、验证码三个所需配置的字段，表单组件实例会根据该字段在图形交互界面上配置与该字段对应的表单控件，从而得到用户登录的表单界面)。这样通过向组件实例发送业务需求所需的参数，能够触发组件实例根据参数执行图形界面渲染，以便节省对移动应用进行图形界面渲染的时间；以及根据该所需的参数包含的所需配置的字段动态地配置业务需求对应的业务功能的控件和/或子组件以响应当前业务场景，无需对移动应用的业务功能进行组件化与模块化封装，以便缩短对移动应用的开发周期，有利于提高对移动应用的开发效率以及降低移动应用的开发成本。
75.可见，实施图1所描述的方法通过获取当前组件库对应的组件库信息以对组件库进行注册，以便通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；组件库内组件模块化以及统一化封装，有利于提高该组件库在各种浏览器中的兼容性；以及将业务需求所需的参数发送给已生成的组件实例，组件实例根据参数进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低移动应用的开发成本。
76.在一个可选的实施例中，在执行步骤103之后，该方法还可以包括以下操作：
77.解析组件实例发送的输入事件，得到针对图形交互界面包含的参数信息，并将参数信息以预设的方式发送至业务逻辑，以触发业务逻辑执行与输入事件相匹配的操作。
78.其中，组件实例发送的输入事件表示为组件实例接收到的用户通过移动端的图形交互界面执行操作时所触发的事件。
79.在该可选的实施例中，可选的，业务逻辑可以表示为集成相应的业务功能代码的程序，用户通过移动端的图形交互界面执行操作可以通过输入设备完成。其中，输入设备包括鼠标、键盘、触摸屏、数位屏、图像采集设备、语音输入设备等中的至少一种，用户通过输入设备对移动端的图形交互界面的操作可以包括用户的输入操作、点按操作、手势操作、语音操作(例如：向表单输入框输入内容、点击按钮提交输入内容、拖拽文件等操作)等中的至少一种。
80.在该可选的实施例中，将参数信息以预设的方式发送至业务逻辑，可以包括：
81.将参数信息以回调方式发送至业务逻辑，该回调方式为回调函数传递参数的方式；或，
82.将参数信息以事件方式发送至业务逻辑，该事件方式为事件对象传递参数的方式。
83.其中，回调函数可以表示为一种被作为参数传递的函数，事件对象可以表示为事件的状态，事件对象可以包括事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等中的至少一种。
84.在该可选的实施例中，进一步可选的，将参数信息以回调方式发送至业务逻辑，包括：
85.将参数信息作为传入参数传入至对应的回调函数内，并将该回调函数作为一个参数发送至业务逻辑中对应的处理模块。
86.在该可选的实施例中，进一步可选的，将参数信息以事件方式发送至业务逻辑，包括：
87.将参数信息封装为对应的事件对象，并将该事件对象发送至业务逻辑中对应的处理模块。
88.可见，该实施例通过解析组件实例接收到的输入事件，能够将用户在图形交互界面上的操作请求解析为可处理的参数信息，无需在后台业务逻辑再对用户的请求操作进行解析，以便对该用户的操作请求快速响应，有利于提高移动应用的开发效率以及处理事务的效率；以及将参数信息以预设的多种传递方式发送至后台业务逻辑，以触发业务逻辑执行与输入事件相匹配的操作，以便于后台业务逻辑通过多种方式获取解析后的参数信息对用户的请求操作进行处理，从而进一步提高移动应用的开发效率以及处理事务的效率。
89.实施例二
90.请参阅图2，图2是本发明实施例公开的一种基于vue.js的移动端组件库的应用方法的流程示意图。其中，图1所描述的基于vue.js的移动端组件库的应用方法可以应用于该移动端组件库中。其中，该移动端组件库应用于移动端应用、移动端系统等程序中，且该移动端组件库可以集成在用户终端中，其中用户终端可以包括智能手机(android手机、ios手机等)、智能电话号码手表、平板电脑、掌上电脑、个人数字助理(personal digital assistant，pda)、智能导航仪以及移动互联网设备(mobile internet devices，mid)等移动终端设备，本发明实施例不做限定。如图2所示，该基于vue.js的移动端组件库的应用方法可以包括以下操作：
91.201、获取基于vue.js的移动端组件库对应的注册信息，并根据注册信息对动端组件库进行注册，移动端组件库包括多个组件。
92.202、向移动端对应的移动应用添加移动端组件库中预设的vue自定义指令，并根据vue自定义指令生成对应指令效果的图形交互界面。
93.其中，图形交互界面包括组件实例，组件实例用于对移动应用的子页面模块的搭建。
94.本本发明实施例中，可选的，预设的vue自定义指令可以包括图形交互界面中的图片预加载的功能指令(例如：v-lazy方法)、设置元素的加载动作的功能指令(例如：v-loading)等中的至少一种。
95.需要说明的是，步骤202与步骤203的执行顺序不分先后，即执行完毕步骤203之后，可以先执行步骤202后执行步骤203，也可以先执行步骤203后执行步骤202，或步骤202与步骤203两者同时执行。
96.203、当检测到移动端组件库注册完成之后，基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例。
97.204、向组件实例发送业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。
98.205、解析组件实例发送的输入事件，得到针对图形交互界面包含的参数信息，并将参数信息以预设的方式发送至业务逻辑，以触发业务逻辑执行与输入事件相匹配的操作。
99.本发明实施例中，需要说明的是，针对步骤201、步骤203-204的相关描述，请参阅实施例一中针对步骤101-步骤103的详细描述；针对步骤205的相关描述，请参阅实施例一中针对对应的实施例的详细描述，本发明实施例不再赘述。
100.可见，本发明实施例还能够向移动端对应的移动应用添加移动端组件库中预设的vue自定义指令，并根据vue自定义指令生成对应指令效果的图形交互界面，以便通过该vue自定义指令对相应的图形界面在数据交互以及视觉方面上进行优化，有利于减少移动应用中数据的冗余以及提高图形交互界面的视觉可读性，从而提高移动应用的响应性能以及进一步降低移动应用的维护成本。
101.可见，实施图2所描述的方法通过获取当前组件库对应的组件库信息以对组件库进行注册，以便通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；组件库内组件模块化以及统一化封装，有利于提高该组件库在各种浏览器中的兼容性；根据vue自定义指令生成对应指令效果的图形交互界面，以便通过该vue自定义指令对相应的图形界面在数据交互以及视觉方面上进行优化，有利于减少移动应用中数据的冗余以及提高图形交互界面的视觉可读性，从而提高移动应用的响应性能以及降低移动应用的维护成本；将业务需求所需的参数发送给已生成的组件实例，组件实例根据参数进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低移动应用的开发成本；以及将解析输入事件得到的参数信息以预设的多种传递方式发送至后台业务逻辑，能够将用户在图形交互界面上的操作请求解析为可处理的参数信息，无需在后台业务逻辑再对用户的请求操作进行解析，以便对该用户的操作请求快速响应，有利于提高移动应用的开发效率以及处理事务的效率。
102.实施例三
103.请参阅图3，图3是本发明实施例公开的一种基于vue.js的移动端组件库的应用装置的流程示意图。其中，图3所描述的基于vue.js的移动端组件库的应用装置可以应用于该移动端组件库中。其中，该移动端组件库应用于移动端应用、移动端系统等程序中，且该移动端组件库可以集成在用户终端中，其中用户终端可以包括智能手机(android手机、ios手机等)、智能电话号码手表、平板电脑、掌上电脑、个人数字助理(personal digital assistant，pda)、智能导航仪以及移动互联网设备(mobile internet devices，mid)等移动终端设备，本发明实施例不做限定。如图3所示，该车辆的调度控制装置可以包括：获取模块301、注册模块302、生成模块303、发送模块304，其中：
104.获取模块301，用于获取基于vue.js的移动端组件库对应的注册信息，移动端组件库包括多个组件。
105.注册模块302，用于当检测到移动端组件库注册完成之后，根据获取模块302获取到的注册信息对移动端组件库进行注册。
106.生成模块303，用于基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例。
107.发送模块304，用于向生成模块304生成的组件实例发送业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。
108.可见，实施图3所描述的基于vue.js的移动端组件库的应用装置通过获取当前组件库对应的组件库信息以对组件库进行注册，以便通过已注册的组件库使用已封装好的各类组件对移动应用进行模块化的搭建，有利于提高移动应用的开发效率；组件库内组件模块化以及统一化封装，有利于提高该组件库在各种浏览器中的兼容性；以及将业务需求所需的参数传入给已生成的组件实例，组件实例根据参数进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低移动应用的开发成本。
109.在另一个可选的实施例中，如图4所示，该装置还包括：
110.添加模块305，用于在注册模块302根据注册信息对移动端组件库进行注册之后，向移动端对应的移动应用添加组件库中预设的vue自定义指令。
111.生成模块303，还用于根据添加模块305添加的vue自定义指令生成对应指令效果的图形交互界面。
112.其中，图形交互界面包括组件实例，组件实例用于对移动应用的子页面模块的搭建。
113.可见，实施图4所描述的基于vue.js的移动端组件库的应用装置通过向移动端对应的移动应用添加移动端组件库中预设的vue自定义指令，并根据vue自定义指令生成对应指令效果的图形交互界面，以便通过该vue自定义指令对相应的图形界面在数据交互以及视觉方面上进行优化，有利于减少移动应用中数据的冗余以及提高图形交互界面的视觉可读性，从而提高移动应用的响应性能以及进一步降低移动应用的维护成本。
114.在另一个可选的实施例中，如图4所示，该装置还包括：
115.解析模块306，用于解析组件实例发送的输入事件，得到针对图形交互界面包含的参数信息。
116.发送模块304，用于将解析模块306解析得到的参数信息以预设的方式发送至业务逻辑，以触发业务逻辑执行与输入事件相匹配的操作。
117.其中，组件实例发送的输入事件表示为组件实例接收到的用户通过移动端的图形交互界面执行操作时所触发的事件。
118.可见，实施图4所描述的基于vue.js的移动端组件库的应用装置通过解析组件实例接收到的输入事件，能够将用户在图形交互界面上的操作请求解析为可处理的参数信息，无需在后台业务逻辑再对用户的请求操作进行解析，以便对该用户的操作请求快速响应，有利于提高移动应用的开发效率以及处理事务的效率；以及将参数信息以预设的多种传递方式发送至后台业务逻辑，以触发业务逻辑执行与输入事件相匹配的操作，以便于后台业务逻辑通过多种方式获取解析后的参数信息对用户的请求操作进行处理，从而进一步提高移动应用的开发效率以及处理事务的效率。
119.实施例四
120.请参阅图，图5是本发明实施例公开的一种基于vue.js的移动端组件库的示意图，其中，如图5所示，该基于vue.js的移动端组件库可以包括基于vue.js的移动端组件库的应用装置，且用于实现图1或图2实施例所描述的基于vue.js的移动端组件库的应用方法。可选的，基于vue.js的移动端组件库的应用装置可以为图3或图4所描述的基于vue.js的移动端组件库的应用装置，本发明实施例不做限定。
121.实施例五
122.请参阅图6，图6是本发明实施例公开的一种基于vue.js的移动端组件库的应用装置的流程示意图。其中，图6所描述的基于vue.js的移动端组件库的应用装置可以应用于该移动端组件库中。其中，该移动端组件库应用于移动端应用、移动端系统等程序中，且该移动端组件库可以集成在用户终端中，其中用户终端可以包括智能手机(android手机、ios手机等)、智能电话号码手表、平板电脑、掌上电脑、个人数字助理(personal digital assistant，pda)、智能导航仪以及移动互联网设备(mobile internet devices，mid)等移动终端设备，本发明实施例不做限定。如图6所示，该装置可以包括：
123.存储有可执行程序代码的存储器601；
124.与存储器601耦合的处理器602；
125.进一步的，还可以包括与处理器602耦合的输入接口603和输出接口604；
126.其中，处理器602调用存储器601中存储的可执行程序代码，执行本发明实施例一或实施例二所公开的基于vue.js的移动端组件库的应用方法中部分或者全部的步骤。
127.实施例六
128.本发明实施例公开了一种计算机存储介质，该计算机存储介质存储有计算机指令，该计算机指令被调用时，用于执行本发明实施例一或实施例二所公开的基于vue.js的移动端组件库的应用方法中部分或者全部的步骤。
129.以上所描述的装置实施例仅是示意性的，其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块展示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
130.通过以上的实施例的具体描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中,存储介质包括只读存储器(read-only memory，rom)、随机存储器(random access memory，ram)、可编程只读存储器(programmable read-only memory，prom)、可擦除可编程只读存储器(erasable programmable read only memory，eprom)、一次可编程只读存储器(one-time programmable read-only memory，otprom)、电子抹除式可复写只读存储器(electrically-erasable programmable read-only memory，eeprom)、只读光盘(compact disc read-only memory，cd-rom)或其他光盘存储器、磁盘存储器、磁带存储器，或者能够用于携带或存储数据的计算机可读的任何其他介质。
131.最后应说明的是：本发明实施例公开的一种基于vue.js的移动端组件库的应用方法、装置及移动端组件库所揭露的仅为本发明较佳实施例而已，仅用于说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解；其依然可以对前述各项实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或替换，并不使相应的技术方案的本质脱离本发明各项实施例技术方案的精神和范围。