微信小程序Component构造函数，指定小程序组件的属性，数据和方法

Component构造函数可用于定义组件。调用Component构造函数时，可以指定组件的属性，数据，方法等。

定义段类型必需描述描述

属性对象映射组件的外部属性是从属性名称到属性设置的映射表。属性设置可以包含三个字段，type表示属性类型，value表示属性的初始值，observer表示属性值更改时的响应函数。/P>

数据对象否组件的内部数据，与组件的模板呈现属性一起使用

方法对象组件的方法，包括事件响应函数和任何自定义方法。有关事件响应函数的使用，请参阅组件事件

行为字符串数组否类似于mixins和traits组件之间的代码重用机制，请参阅行为

创建函数No Component生命周期函数，在组件实例进入页面节点树时执行，请注意此时无法调用setData

attachedFunction否组件生命周期函数，在组件实例进入页面节点树时执行

就绪功能否组件生命周期功能，在组件布局完成后执行，可以获取节点信息（使用SelectorQuery）

movingFunction否组件生命周期函数，在组件实例移动到节点树中的另一个位置时执行

detachedFunction否组件生命周期函数，在从页面节点树中删除组件实例时执行

relationsObject否定义组件之间的关系，请参阅组件之间的关系

optionsObject Map No有关某些组件选项，请参阅其余文档的说明

可以在组件的方法，生命周期函数和属性观察器中访问生成的组件实例。该组件包含一些常见的属性和方法。

属性名称类型描述

是String组件的文件路径

Id String node id

数据集字符串节点数据集

dataObject组件数据，包括内部数据和属性值

方法名称参数描述

setData Object newData设置数据并执行视图层渲染

hasBehavior对象行为检查组件是否具有行为（检查时由递归检查直接或间接引入的所有行为）

triggerEvent字符串名称，

对象细节，

对象选项触发事件，请参阅组件事件

Create SelectorQuery在此组件实例

selectComponent String selector使用选择器选择组件实例节点并返回匹配的第一个组件实例对象

selectAllComponents字符串选择器使用选择器选择组件实例节点并返回所有匹配的组件实例对象的数组

getRelationNodesString relationKey获取与此关系对应的所有关联节点，请参阅组件间关系

代码示例：

组分（{

行为: []，

属性: {

myProperty: {//属性名称

类型: String，//type（必需），当前接受的类型包括：String，Number，Boolean，Object，Array，null（对于任何类型）

值:''//属性的初始值（可选），如果未指定，将根据类型选择一个

观察者:函数（newVal，oldVal）{} //在属性更改时执行的函数（可选），或方法部分中定义的方法名称字符串

}，

myProperty2:字符串//简化定义

}，

数据: {}，//私有数据，可用于模板渲染

//生命周期函数，可以是函数，也可以是方法部分中定义的方法名称

附加:函数（）{}，

移动了:函数（）{}，

分离的:函数（）{}，

方法: {

onMyButtonTap: function（）{

this.setData（{

//更新属性和数据的方法类似于更新页面数据的方法

}）

}，

_myPrivateMethod: function（）{

//内部方法建议以下划线开头

this.replaceDataOnPath（['A'，0，'B']，'myPrivateData'）//这会将data.A [0] .B设置为'myPrivateData'

this.applyDataUpdates（）

}

}

}）

注意：在属性定义部分中，属性名称采用驼峰样式（propertyName）;在wxml中，当指定属性值时，它对应于连字符（method-tag-name property-name='attr value'）。绑定时使用驼峰写入（attr='{{propertyName}}'）。

提示:

由Component构造函数构造的组件也可以用作页面。

使用this.data获取内部数据和属性值，但不要直接修改它们，应该使用setData来修改它们。

在组件方法中无法通过此方法访问生命周期功能。

不应将属性名称命名为dataXyz等表单，因为在WXML中，data-xyz=''将被视为节点数据集而不是组件属性。

定义和使用组件时，组件的属性名称和数据字段不能相互冲突（尽管它们位于不同的定义部分中）。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。