微信小程序的数据监听器

一 什么是数据监听器

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

Component({

  observers: {

    '字段A, 字段B': function (字段A的新值, 字段B的新值) {

      // do something

    }

  }

})

二 数据监听器的基本用法

1 组件的 UI 结构如下

<view>{ {n1}} + { {n2}} = { {sum}}</view>

<button bindtap="addN1">n1+1</button>

<button bindtap="addN2">n2+1</button>

2 组件的 .js 文件代码如下

Component({

  /**

   * 组件的初始数据

   */

  data: {

    n1: 0,

    n2: 0,

    sum: 0

  },

  /**

   * 组件的方法列表

   */

  methods: {

    ad