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

相关推荐
程序定小飞16 分钟前
基于springboot的体育馆使用预约平台的设计与实现
java·开发语言·spring boot·后端·spring
5***790024 分钟前
Java虚拟现实开发
java·开发语言·vr
计算机毕业设计小途25 分钟前
计算机毕业设计推荐:基于SpringBoot的水产养殖管理系统【Java+spring boot+MySQL、Java项目、Java毕设、Java项目定制定做】
java·spring boot·mysql
养乐多072231 分钟前
【Java】异常
java·开发语言
2***574233 分钟前
Java数据分析实战
java·python·数据分析
T***u33339 分钟前
Java机器学习框架
java·开发语言·机器学习
程序员-周李斌1 小时前
Java SPI(JDK 内置服务发现机制)
java·开发语言·开源软件
爱吃西瓜的小菜鸡1 小时前
【Java】面向对象基础——继承 + 封装基础题
java·开发语言
笨笨狗吞噬者2 小时前
【uniapp】小程序实现自由控制组件JSON文件配置
vue.js·微信小程序·vite
G***66912 小时前
Java区块链开发
java·开发语言·区块链