小程序 – 自定义组件 – 数据、方法和参数

方法 method

在小程序组件中,事件处理函数和自定义方法需要定义到 methods 节点中

 

数据 data

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

 

参数 properties

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

 

data 和 properties 的区别

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

data 更倾向于存储组件的私有数据

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

 

 

使用 setData 修改 properties 的值

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

 

数据监听器 observers

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

 

监听对象属性

数据监听器支持监听对象中单个或多个属性的变化

 

监听对象中的所有属性变化 ** 通配符

如果某个对象中需要被监听的属性太多,为了方便,可以使用通配符 ** 来监听对象中所有属性的变化

 

纯数据字段

概念:纯数据字段指的是那些不用于界面渲染的 data 字段

应用场景:例如有些情况下,某些 data 中的字段既不会展示在界面上,也不会传递给其他组件,仅仅在当前组件内部使用。带有这种特性的 data 字段适合被设置为纯数据字段。

好处:纯数据字段有助于提升页面更新的性能。

 

建议使用规则

在 Component 构造器的 options 节点中,指定 pureDataPattern 为一个正则表达式,字段名符合这个正则表达式的字段将成为纯数据字段

 

 

如果您喜欢本站,点击这儿不花一分钱捐赠本站

这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

THE END
分享
二维码
打赏
海报
小程序 – 自定义组件 – 数据、方法和参数
方法 method 在小程序组件中,事件处理函数和自定义方法需要定义到 methods 节点中   数据 data 在小程序组件中,用于组件模板渲染的私有数据,需要定义到 data 节点中,   参数 ……
<<上一篇
下一篇>>