[发明专利]添加组件属性的方法和装置

说明书

本发明公开了一种添加组件属性的方法和装置。其中，该方法包括：给组件设置一个初始自定义对象作为属性参数；给初始自定义对象添加一个数据属性，并给数据属性赋予一个第一自定义对象；根据第一自定义对象获取自定义属性；给初始自定义对象添加方法和/或函数属性，并给方法和/或函数属性赋予一个第二自定义对象，并基于第二自定义对象给自定义属性赋值。本发明解决了现有技术中，直接在目标对象中动态添加自定义对象的属性，DOM界面不随之发生变化的技术问题。

技术领域

本发明涉及计算机领域，具体而言，涉及一种添加组件属性的方法和装置。

背景技术

在使用Vue.js框架创建Vue组件时，需要提供一个自定义对象作为参数，在作为该参数的自定义对象中提供data属性，并且该data属性绑定了另一个自定义对象，并在另一个自定义对象中声明了几个属性。如果在自定义对象中也提供了methods、events等属性方法，或created、ready等生命周期钩子函数，在这些方法或钩子函数中，如果对data属性绑定的自定义对象中已声明的属性，修改属性值，Vue组件绑定的DOM界面会根据修改的属性值发生改变，但是对data属性绑定的自定义对象动态添加属性，Vue组件绑定的DOM界面不会对新添加的属性做出响应。

针对现有技术中，直接在目标对象中动态添加自定义对象的属性，DOM界面不随之发生变化的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种添加组件属性的方法和装置，以至少解决现有技术中，直接在目标对象中动态添加自定义对象的属性，DOM界面不随之发生变化的技术问题。

根据本发明实施例的一个方面，提供了一种添加组件属性的方法，包括：给组件设置一个初始自定义对象作为属性参数；给初始自定义对象添加一个数据属性，并给数据属性赋予一个第一自定义对象；根据第一自定义对象获取自定义属性；给初始自定义对象添加方法和/或函数属性，并给方法和/或函数属性赋予一个第二自定义对象，基于第二自定义对象给自定义属性赋值。

进一步地，根据第一自定义对象获取自定义属性包括：给第一自定义对象添加一个属性，并给属性赋予一个第三自定义对象，通过第三自定义对象添加自定义属性。

进一步地，给初始自定义对象添加方法和/或函数属性，并给方法和/或函数属性赋予一个第二自定义对象，基于第二自定义对象给自定义属性赋值包括：给初始自定义对象添加第一方法和/或函数属性，并给第一方法和/或函数属性赋予一个第二自定义对象；给第二自定义对象添加第二方法和/或函数属性，并给第二方法和/或函数属性赋予一个方法和/或函数，方法和/或函数中给自定义属性赋予一个第四自定义对象，通过第四自定义对象给自定义属性赋值。

进一步地，自定义属性包括属性名和属性值。

进一步地，给自定义属性赋值包括给自定义属性赋予属性名和属性值。

根据本发明实施例的另一方面，还提供了一种添加组件属性的装置，包括：设置模块，用于给组件设置一个初始自定义对象作为属性参数；添加模块，用于给初始自定义对象添加一个数据属性，并给数据属性赋予一个第一自定义对象；获取模块，用于根据第一自定义对象获取自定义属性；赋值模块，用于给初始自定义对象添加方法和/或函数属性，并给方法和/或函数属性赋予一个第二自定义对象，并基于第二自定义对象给自定义属性赋值。

进一步地，获取模块包括：第一添加子模块，用于给第一自定义对象添加一个属性，并给属性赋予一个第三自定义对象，通过第三自定义对象添加自定义属性。

进一步地，赋值模块包括：第二添加子模块，用于给初始自定义对象添加第一方法和/或函数属性，并给第一方法和/或函数属性赋予一个第二自定义对象；赋值子模块，用于给第二自定义对象添加第二方法和/或函数属性，并给第二方法和/或函数属性赋予一个方法和/或函数，方法和/或函数中给自定义属性赋予一个第四自定义对象，通过第四自定义对象给自定义属性赋值。