【微信小程序】数据监听器，纯数据字段

一、数据监听器

1.1 什么是数据监听器

数据监听器用于 监听和响应任何属性和数据字段的变化，从而执行特定的操作 。它的作用类似于 vue 中

的 watch 侦听器。在小程序组件中，

在componets中新建一个test2文件夹在文件夹里新建component

在app.json usingComponents中 添加组件目录：

数据监听器的基本语法格式如下：

1.2 数据监听器的基本用法

"usingComponents": {
   
"my-test1":"/components/test/test",
"my-test2":"/components/test2/test2",
},

Component({
   
observers:{
   
'字段A,字段B': function(字段A的新值,字段B的新值)
//do something
}
})

组件的 .js 文件

<!--components/test2/test2.wxml-->
<view>{
   {
   n1}} + {
   {
   n2}} = {
   {
   sum}}</view>
<button bindtap="addN1">n1+1</button>
<button bindtap="addN2">n2+1</button>

// components/test2/test2.js
Component({
   
/**
* 组件的初始数据
*/
data: {
   
n1:0,
n2:0,
sum:
},

/**
* 组件的方法列表
*/
methods: {
   
addN1(){
   
this.setData({
   
n1:this.data.n1