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

目录

[自定义组件 - 数据、方法和属性](#自定义组件 - 数据、方法和属性)

[1. data 数据](#1. data 数据)

[2. methods 方法](#2. methods 方法)

[3. properties 属性](#3. properties 属性)

[4. data 和 properties 的区别](#4. data 和 properties 的区别)

[5. 使用 setData 修改 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 中的属性重新赋值,示例代码如下:

相关推荐
石榴树下的七彩鱼2 小时前
医疗票据OCR识别API实战:从医保结算单到结构化数据提取(附Python/Java示例)
java·人工智能·python·ocr·api·ocr识别·医疗票据识别
Cat_Rocky2 小时前
k8s-单Master集群部署(简练理解)
java·容器·kubernetes
C雨后彩虹3 小时前
投篮大赛问题
java·数据结构·算法·华为·面试
Hello eveybody3 小时前
介绍最大公因数和最小公约数(C++)
java·开发语言·c++
ckhcxy3 小时前
抽象类和接口
java·开发语言
Gerardisite3 小时前
私域运营新利器:RPA驱动外部群多模态互动
java·人工智能·python·微信·自动化
@小柯555m3 小时前
算法(字母异位词分组)
java·开发语言·算法·leetcode
Carsene3 小时前
开篇:我们距离理想的 Java SQL DSL 还有多远?
java·sql
敖正炀3 小时前
集合-List-LinkedList
java
AI人工智能+电脑小能手3 小时前
【大白话说Java面试题】【Java基础篇】第9题:HashMap根据key查询元素的时间复杂度是多少
java·开发语言·数据结构·后端·面试·哈希算法·哈希表