目录

1  data与method

2  properties

2.1  基本使用

2.2  properties在小程序中可读可写

2.3  对properties使用setData()

3  数据监听器 observers

3.1  基本使用

3.2  同时监听多个变量

3.3  监听对象中属性某个属性的变化

3.4  监听对象中所有属性

4  纯数据字段

---

1  data与method

我们做一个点击按钮+1的例子

如果你想在methods中的方法A中调用方法B，那么就在A中写this.B()就行了

2  properties

2.1  基本使用

properties就是props，是用来接收外部数据的，我们现在给count一个初始值

type是值类型，value是默认值

我们通过props给一个最大值，这样到给的最大值再按按钮也不会+1了

2.2  properties在小程序中可读可写

在小程序中 properties 不是只读的，而是可读可写的

在小程序中properties实质上与data一致

但为了使用框架的一致性，我们还是习惯将props视作只读的

2.3  对properties使用setData()

点击按钮后 max_num + 1

3  数据监听器 observers

当数据改变的时候，我们可以进行一些操作，相当于数据改变的钩子，可以理解为vue中的watch

3.1  基本使用

3.2  同时监听多个变量

由于props是传递进来的，所以编译好之后就会触发监听器

3.3  监听对象中属性某个属性的变化

用法和普通变量一样

按下按钮后可以看到效果

如果你直接改变test_obj这个对象，也会触发test_obj.something这个监听器

点击按钮之后

3.4  监听对象中所有属性

这样写只可以监听 对象整体发生变化

如果你只动某一个属性，是不会被监听到的

如果你想监听对象的所有属性变化，应该这样写

4  纯数据字段

纯数据字段是data中不用于界面渲染的字段。纯数据字段需要我们手动定义，相比于普通字段，纯数据字段的性能更好

我们需要添加options节点，然后在options中加入pureDataPattern。pureDataPattern是一个正则表达式，我们简单做个例子

在下面的例子中，我们希望data节点中，以_开头的变量都设置为纯数据字段