zl程序教程

您现在的位置是:首页 >  工具

当前栏目

【小程序】自定义组件的data、methods、properties

组件程序 自定义 Data properties methods
2023-06-13 09:17:13 时间

目录

自定义组件 - 数据、方法和属性

1. data 数据

2. methods 方法

 3. properties 属性

4. data 和 properties 的区别

 5. 使用 setData 修改 properties 的值

自定义组件 - 数据、方法和属性

1. data 数据

在小程序组件中,用于组件模板渲染的私有数据,需要定义到 data 节点中,示例如下:

2. methods 方法

在小程序组件中,事件处理函数和自定义方法需要定义到 methods 节点中,示例代码如下:

 3. properties 属性

在小程序组件中,properties 是组件的对外属性,用来接收外界传递到组件中的数据,示例代码如

下:

4. data 和 properties 的区别

在小程序的组件中,properties 属性和 data 数据的用法相同,它们都是可读可写的,只不过:

data 更倾向于存储组件的私有数据

properties 更倾向于存储外界传递到组件中的数据 

 5. 使用 setData 修改 properties 的值

由于 data 数据和 properties 属性在本质上没有任何区别,因此 properties 属性的值也可以用于页

面渲染,或使用 setData 为 properties 中的属性重新赋值,示例代码如下: