【小程序】自定义组件的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 中的属性重新赋值,示例代码如下:

相关推荐
乌暮19 分钟前
请求进门先安检:Spring 拦截器与统一功能实战指南
java·开发语言·后端·学习·spring
学长毕设26 分钟前
基于SpringBoot的烘焙商品商品系统-附源码
java·spring boot·后端
金銀銅鐵1 小时前
[Java] 用纯 Swing 做一个《論語·學而》阅读器
java·ai编程·交互设计
艾伦_耶格宇2 小时前
【kubernetes - 1.28版本】-11 K8S核心组件
java·容器·kubernetes
2301_780789662 小时前
深度伪造即服务:新型网络诈骗的“完美面具”与识别之道
java·网络·ddos
LHICOD2 小时前
Linux-2
java·linux·后端·jar·vmware·svm·vm
香蕉大香蕉(06敬畏市场)2 小时前
MySQL 单点详解(03)
java·数据库·mysql·面试·八股·大厂实习
呆呆敲代码的小Y3 小时前
【实战精选面试题】C# 面试题详细解答,按难易程度排序
android·java·游戏·c#·游戏开发·unity面试题·c#面试题
水无痕simon3 小时前
3、工程重构
java·spring cloud·重构
阿里云基础软件3 小时前
Agent 任务提速 10.71%,内存占用降低 21.60%|Alibaba Cloud Linux 4 重大发布
java·linux·人工智能·操作系统·agent