买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：山东浪潮数字商业科技有限公司

摘要：本发明公开一种vue组件自定义和动态渲染的方法及装置，涉及前端开发技术领域；包括：步骤1：根据用户需求自定义配置vue组件的三个组成部分，获得配置数据，所述三个组成部分分别为组件的模板结构template、组件的JavaScript行为script、组件的样式style，步骤2：根据配置数据，处理template、script和style，形成自定义vue组件；本发明摆脱了模板组件的限制，利用配置进行vue组件的自定义开发，极大提升了组件内容的灵活度与丰富度。

主权项：1.一种vue组件自定义和动态渲染的方法，其特征是包括：步骤1：根据用户需求自定义配置vue组件的三个组成部分，获得配置数据，所述三个组成部分分别为组件的模板结构template、组件的JavaScript行为script、组件的样式style，步骤2：根据配置数据，处理template、script和style，形成自定义vue组件：处理template的配置数据，包括：在template配置内容最外侧包裹div组件，并对最外层div组件设置唯一标识，用于被css选择器选择，处理script的配置数据，包括：分别依次处理script涉及的Import模块和逻辑脚本，其中在Import模块的配置中解析得到依赖模块名称,根据依赖模块名称从依赖模块汇总文件获取对应的依赖模块，并将依赖模块统一存入一个对象modules中，处理逻辑脚本时，通过Import模块获取依赖模块，按照固定格式生成依赖模块的定义代码，在逻辑脚本最前面拼接依赖模块的定义代码，获得最终代码字符串，利用newFunction语句将代码字符串转换为可执行函数，执行可执行函数获得vue组件的配置项，根据对template的处理结果和对script处理获得的配置项生成vue组件实例，并对vue组件实例进行渲染；再将style的配置数据处理成原生css代码，在原生css代码的每个css语句前添加template最外层div组件的css选择器，以限制css语句的作用域，创建style标签存放原生css代码，将style标签插入DOM，完成vue组件实例中css内容的处理。

全文数据：

权利要求：

百度查询： 山东浪潮数字商业科技有限公司 一种vue组件自定义和动态渲染的方法及装置