2024.2.14日总结（小程序开发7）

数据、方法和属性

data 数据

在小程序组件中，需要定义到 data 节点中用于组件模板渲染的私有数据

methods方法

小程序组件中，时间处理函数和自定义方法需要定义到methods节点中

properties属性

在小程序组件中，properties是组件的对外属性，用来接收外界传递到组件中的数据

methods方法和properties属性的区别

在小程序的组件中，properties属性和 data 数据的用法相同，它们都是可读可写的

• data 更倾向于存储组件的私有数据
• properties 更倾向于存储外界传递到组件中的数据

使用 setData修改 properties 的值

由于 data 数据和 properties 属性在本质上没有任何区别，因此 properties 属性的值也可以用于页面渲染或使用 setData 为 properties 中的属性重新赋值，示例代码如下:

数据监听器

什么是数据监听器

数据监听器用于监听和响应任何属性和数据字段的变化，从而执行特定的操作。它的作用类似于 vue 中的watch侦听器。在小程序组件中，数据监听器的基本语法格式：

Component({
    observers:{
        '字段A,字段B':function(字段A的新值，字段B的新值）{

        }
    }
}）