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

相关推荐
HuiSoul2002 小时前
Spring MVC
java·后端·spring mvc
摇滚侠4 小时前
面试实战 问题二十四 Spring 框架中循环依赖问题的解决方法
java·后端·spring
三木水6 小时前
Spring-rabbit使用实战七
java·分布式·后端·spring·消息队列·java-rabbitmq·java-activemq
suncentwl6 小时前
论答题pk小程序软件版权的
小程序·答题小程序·答题pk·知识竞赛·答题pk软件
weixin_hcs22016 小时前
小程序打通美团核销:解锁到店综合业态私域密码,赋能6000+门店破局增长
小程序·美团团购·美团新平台·java接入美团团购·快速接入美团团购
别来无恙1496 小时前
Spring Boot文件下载功能实现详解
java·spring boot·后端·数据导出
optimistic_chen6 小时前
【Java EE初阶 --- 网络原理】JVM
java·jvm·笔记·网络协议·java-ee
weixin_456904277 小时前
Java泛型与委托
java·spring boot·spring
悟能不能悟7 小时前
能刷java题的网站
java·开发语言
程序员陆通8 小时前
Java高并发场景下的缓存穿透问题定位与解决方案
java·开发语言·缓存