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

相关推荐
V+zmm101346 分钟前
基于微信小程序的快递管理平台的设计与实现ssm+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm
旧人238 分钟前
微信小程序 单选多选radio/checkbox 纯代码分享
微信小程序·小程序·notepad++
澄江静如练_8 分钟前
微信小程序Uniapp
微信小程序·小程序·uni-app
椒盐大肥猫8 分钟前
微信小程序几种数据通信方式记录
微信小程序
小七蒙恩11 分钟前
java下载文件流,不生成中间文件。
java·开发语言·状态模式
雯0609~13 分钟前
微信小程序:定义页面标题,动态设置页面标题,json
微信小程序·小程序·json
晓风伴月13 分钟前
uniapp:微信小程序文本长按无法出现复制菜单
微信小程序·小程序·uni-app
雯0609~14 分钟前
微信小程序:封装request请求
微信小程序·小程序
计算机_CodeMind16 分钟前
基于微信小程序的校园点餐平台的设计与实现(源码+SQL+LW+部署讲解)
开发语言·微信小程序·springboot·课程设计
计算机萍萍学姐22 分钟前
ArrayList和LinkedList的区别是什么?
java·数据结构·算法