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

技术特征：
1.一种基于vue.js的移动端组件库的应用方法，其特征在于，所述方法包括：获取基于vue.js的移动端组件库对应的注册信息，并根据所述注册信息对所述移动端组件库进行注册，所述移动端组件库包括多个组件；当检测到所述移动端组件库注册完成之后，基于所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；向所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景。2.根据权利要求1所述的基于vue.js的移动端组件库的应用方法，其特征在于，所述组件包括：基础组件、表单组件、弹出层组件、滚动组件中的其中一种；其中，所述基础组件包括图形组件与布局组件，用于生成移动端交互的图形与布局；所述表单组件包括多个表单控件，用于设置校验条件，并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验；所述弹出层组件，用于接收用户通过所述移动端输入的参数，并解析所述用户针对交互弹出层输入的参数，向对应的业务逻辑提供回调函数；所述滚动组件，用于提供android/ios原生滚动体验的滚动列表。3.根据权利要求1或2所述的基于vue.js的移动端组件库的应用方法，其特征在于，所述根据所述注册信息对所述移动端组件库进行注册之后，所述方法还包括：向所述移动端对应的移动应用添加所述移动端组件库中预设的vue自定义指令，并根据所述vue自定义指令生成对应指令效果的图形交互界面；其中，所述图形交互界面包括所述组件实例，所述组件实例用于对所述移动应用的子页面模块的搭建。4.根据权利要求3所述的基于vue.js的移动端组件库的应用方法，其特征在于，所述方法还包括：解析所述组件实例发送的输入事件，得到针对所述图形交互界面包含的参数信息，并将所述参数信息以预设的方式发送至所述业务逻辑，以触发所述业务逻辑执行与所述输入事件相匹配的操作；其中，所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。5.根据权利要求4所述的基于vue.js的移动端组件库的应用方法，其特征在于，所述将所述参数信息以预设的方式发送至所述业务逻辑，包括：将所述参数信息以回调方式发送至所述业务逻辑，所述回调方式为所述回调函数传递参数的方式；或，将所述参数信息以事件方式发送至所述业务逻辑，所述事件方式为事件对象传递参数的方式。6.一种基于vue.js的移动端组件库的应用装置，其特征在于，所述装置包括：获取模块，用于获取基于vue.js的移动端组件库对应的注册信息，所述移动端组件库包括多个组件；注册模块，用于根据所述获取模块获取到的所述注册信息对所述移动端组件库进行注册；
生成模块，用于当检测到所述移动端组件库注册完成之后，基于所述注册模块注册后的所述移动端组件库及采集到的当前场景的业务需求生成针对所述业务需求对应的组件实例；发送模块，用于向所述生成模块生成的所述组件实例发送所述业务需求所需的参数，以触发所述组件实例根据所述参数执行图形界面渲染以及配置所述业务需求对应的业务功能的操作以响应所述当前场景；7.根据权利要求6所述的基于vue.js的移动端组件库的应用装置，其特征在于，所述组件包括：基础组件、表单组件、弹出层组件、滚动组件中的其中一种；其中，所述基础组件包括图形组件与布局组件，用于生成移动端交互的图形与布局；所述表单组件包括多个表单控件，用于设置校验条件，并根据所述校验条件对用户在所述移动端上输入的表单数据进行校验；所述弹出层组件，用于接收用户通过所述移动端输入的参数，并解析用户针对交互弹出层输入的参数，向业务逻辑提供回调函数；所述滚动组件，用于提供android/ios原生滚动体验的滚动列表。8.根据权利要求6或7所述的基于vue.js的移动端组件库的应用装置，其特征在于，所述装置还包括：添加模块，用于在所述注册模块根据所述注册信息对所述移动端组件库进行注册之后，向所述移动端对应的移动应用添加所述移动端组件库中预设的vue自定义指令；所述生成模块，还用于根据所述添加模块添加的所述vue自定义指令生成对应指令效果的图形交互界面；其中，所述图形交互界面包括所述组件实例，所述组件实例用于对所述移动应用的子页面模块的搭建。9.根据权利要求8所述的基于vue.js的移动端组件库的应用装置，其特征在于，所述装置还包括：解析模块，用于解析所述组件实例发送的输入事件，得到针对所述图形交互界面包含的参数信息；发送模块，还用于将所述解析模块解析得到的所述参数信息以预设的方式发送至所述业务逻辑，以触发所述业务逻辑执行与所述输入事件相匹配的操作；其中，所述组件实例发送的输入事件表示为所述组件实例接收到的所述用户通过所述移动端的所述图形交互界面执行操作时所触发的事件。10.一种基于vue.js的移动端组件库，其特征在于，所述移动端组件库用于执行如权利要求1-5任一项所述的基于vue.js的移动端组件库的应用方法。

技术总结
本发明公开了一种基于Vue.js的移动端组件库的应用方法、装置及移动端组件库，该应用方法包括：获取基于Vue.js的移动端组件库对应的注册信息，并根据注册信息对移动端组件库进行注册，移动端组件库包括多个组件，基于移动端组件库及采集到的当前场景的业务需求生成针对业务需求对应的组件实例，向组件实例发送业务需求所需的参数，以触发组件实例根据参数执行图形界面渲染以及配置业务需求对应的业务功能的操作以响应当前场景。可见，实施本发明通过已注册的移动端组件库生成组件实例，并根据参数组件实例进行图形界面渲染以及对应的业务功能的配置，使组件的搭建和模块化封装自动化，有利于提高移动应用的开发效率以及降低开发成本。低开发成本。低开发成本。


技术研发人员：易文峰 赵铭 唐智 林祥洲 马鸿超
受保护的技术使用者：南方电网深圳数字电网研究院有限公司
技术研发日：2021.09.14
技术公布日：2022/1/14