一、数据监听器
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