小程序学习day10-自定义组件的data数据、方法、属性，data与properties的关系、自定子组件之数据监听器

40、自定义组件（续）

（6）自定义组件的data数据、方法、属性

1）自定义组件的data数据（在小程序组件中，用于组件模版渲染的私有数据）

2）自定义组件的方法（在小程序中，事件处理函数和自定义方法都要定义在methods中）

3）自定义组件的properties属性（在小程序中，它是组件的对外属性，用来接收外界传递到组件的数据

语法：

①简写：

②完整写法

应用场景（作为最大值，限制外界值传递）

（7）data与properties的关系

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

2）区别：

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

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

3）修改properties的值（通过setData）

（8）自定子组件之数据监听器

1）作用：用于监听和相应任何属性和数据字段的变化，从而执行指定的操作，类似于vue的watch监听器

2）语法：

Component（{

Observers：{

“对象1,对象2”:function(对象1的新值，对象2的新值){

}

}

}）

示例（求num1+num2为sum）

①提供数据

②提供方法

③渲染

④监听

⑤调用

3）监听对象属性（数据监听支持监听对象中一个或多个属性的变化）（任意属性变化都会触发）（如果要监听对象里的所有属性的变化，可以使用对象.**监听，获得一个obj的新对象，从中obj.属性可以获得变化后的新值）

语法：

Component（{

Observers：{

“对象.属性1,对象.属性2”:function(属性1的新值，属性2的新值){

}

}

}）

（9）纯数据字段

        1）概念：不用于界面渲染的data字段

        2）应用：在某些情况下，某些data中的字段既不会展示在界面上，也不会传递给其他组件，仅在当前组件内部使用

        3）好处：有助于提升页面更新的性能

        4）使用规则：在Component构造器的options中，指定pureDtaPattern为一个正则表达式，字段名符合这个正在表达式将成为纯数据字段