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

相关推荐
一雨方知深秋几秒前
二.java程序基本语法
java·类型转换·变量·方法·运算符·字面量·关键字标识符
Java程序之猿5 分钟前
Springboot 集成apache-camel +mqtt 根据主题处理mqtt消息
java·spring boot·后端
悟空码字27 分钟前
SpringBoot 整合 ElasticSearch,给搜索插上“光速翅膀”
java·后端·elasticsearch
骚戴37 分钟前
DeepSeek V3 & Llama 3 推理避坑指南:自建 vLLM 集群 vs API 网关架构深度对比
java·人工智能·python·大模型·api·vllm
游戏开发爱好者839 分钟前
H5 混合应用加密 Web 资源暴露到 IPA 层防护的完整技术方案
android·前端·ios·小程序·uni-app·iphone·webview
墨雪不会编程42 分钟前
C++基础语法篇八 ——【类型转换、再探构造、友元】
java·开发语言·c++
老毛肚1 小时前
登录架构设计
java·开发语言
月明长歌1 小时前
【码道初阶】【牛客BM30】二叉搜索树与双向链表:java中以引用代指针操作的艺术与陷阱
java·数据结构·算法·leetcode·二叉树·笔试·字节跳动
小坏讲微服务1 小时前
Spring Boot4.0整合RabbitMQ死信队列详解
java·spring boot·后端·rabbitmq·java-rabbitmq
wangpq1 小时前
记录曾经打开半屏小程序遇到的事
前端·微信小程序